位置: IT常识 - 正文

css滚动条样式代码(css 滚动条)

编辑:rootadmin

在webkit下的css滚动条样式代码是怎样的呢?下面就让我们一起来了解一下吧:
613/auto1686643572css滚动条样式代码(css 滚动条)

在现在的绝大部分项目中很多都会用到滚动条,有时候用会到模拟的滚动条或css滚动条,比较常见的就是css滚动条,并且在所有浏览器,滚动条可定制性较强的应该是webkit内核的浏览器。

在webkit下面的CSS设置滚动条主要是有7个属性,具体介绍如下:

1、::-webkit-scrollbar 滚动条整体部分,能够设置宽度等

2、::-webkit-scrollbar-button 滚动条两端的按钮

3、::-webkit-scrollbar-track 外层轨道

4、::-webkit-scrollbar-track-piece 内层滚动槽

5、::-webkit-scrollbar-thumb 滚动的滑块

6、::-webkit-scrollbar-corner 边角

7、::-webkit-resizer 定义右下角拖动块的样式

参考范例:

css滚动条样式代码如下:

li {

width: 260px;

height: 370px;

border: 1px solid #D9D9D9;

overflow-y: scroll;

&::-webkit-scrollbar {

width: 3px;

}

&::-webkit-scrollbar-thumb {

background: #d8d8d8;

border-radius: 10px;

}

&::-webkit-scrollbar-track-piece {

background: transparent;

}

}

以上就是小编的分享了,希望能够帮助到大家。

本文链接地址:https://www.jiuchutong.com/zhishi/2725.html 转载请保留说明!

上一篇:python变量命名规则(python变量命名规范官方文档)

下一篇:c语言do while语句(c语言do while语句错误描述的是)

  • 工商银行流水怎么导出电子版(工商银行流水怎么查询)

    工商银行流水怎么导出电子版(工商银行流水怎么查询)

  • ipad可以设置使用时间吗(ipad能设置)

    ipad可以设置使用时间吗(ipad能设置)

  • oppo手机格式化和恢复出厂设置的区别(oppo手机格式化怎么格式)

    oppo手机格式化和恢复出厂设置的区别(oppo手机格式化怎么格式)

  • 目前因特网上最主要的服务方式是(目前因特网最基本最重要的协议是)

    目前因特网上最主要的服务方式是(目前因特网最基本最重要的协议是)

  • 苹果11自带什么耳机(苹果11自带什么相机)

    苹果11自带什么耳机(苹果11自带什么相机)

  • 怎样把一个手机上的东西移到另一个手机上(怎样把一个手机的内容移至新手机)

    怎样把一个手机上的东西移到另一个手机上(怎样把一个手机的内容移至新手机)

  • 抖音直播pk比的是什么(抖音直播pk有钱吗)

    抖音直播pk比的是什么(抖音直播pk有钱吗)

  • photoshop temp可以删除吗(photo shop temp)

    photoshop temp可以删除吗(photo shop temp)

  • 抖音能给好友发红包吗(抖音能给好友发软件吗)

    抖音能给好友发红包吗(抖音能给好友发软件吗)

  • 苹果手机是什么字体(苹果手机是什么卡)

    苹果手机是什么字体(苹果手机是什么卡)

  • 怎么下载低版本的微信(怎么下载低版本抖音)

    怎么下载低版本的微信(怎么下载低版本抖音)

  • 华为p30pro相当于多少焦距(华为p30pro相当于小米几)

    华为p30pro相当于多少焦距(华为p30pro相当于小米几)

  • 苹果x振动怎么设置(苹果x震动怎么设置强度)

    苹果x振动怎么设置(苹果x震动怎么设置强度)

  • 拼多多怎么取消全部收藏(拼多多怎么取消先用后付款)

    拼多多怎么取消全部收藏(拼多多怎么取消先用后付款)

  • vivo怎么复制门禁卡(vivo怎么复制门禁卡在哪)

    vivo怎么复制门禁卡(vivo怎么复制门禁卡在哪)

  • 华为畅享10plus和华为nova5i有什么区别(华为畅享10plus和10s手机壳一样吗)

    华为畅享10plus和华为nova5i有什么区别(华为畅享10plus和10s手机壳一样吗)

  • win7怎么进入pe系统(win7怎么进入pe系统启动U盘)

    win7怎么进入pe系统(win7怎么进入pe系统启动U盘)

  • 文本填充效果怎么设置(文本填充怎么搞)

    文本填充效果怎么设置(文本填充怎么搞)

  • 怎么删除天猫清关资料(怎么删除天猫清关记录)

    怎么删除天猫清关资料(怎么删除天猫清关记录)

  • 华为p30机身尺寸(华为p30手机尺寸)

    华为p30机身尺寸(华为p30手机尺寸)

  • 什么软件可以扫描图片上的文字(什么软件可以扫描文字变成电子版)

    什么软件可以扫描图片上的文字(什么软件可以扫描文字变成电子版)

  • 唯品会如何评价商品(唯品会如何评价商家)

    唯品会如何评价商品(唯品会如何评价商家)

  • aoltpspd.exe是什么进程 aoltpspd是安全的进程吗(auepuc.exe是什么软件)

    aoltpspd.exe是什么进程 aoltpspd是安全的进程吗(auepuc.exe是什么软件)

  • win7系统更改属性OEM信息与还原的方法(win7系统更改属性内存信息的方法有哪些)

    win7系统更改属性OEM信息与还原的方法(win7系统更改属性内存信息的方法有哪些)

  • 收取违约金是否交税
  • 企业的哪些活动对企业有长期影响呢
  • 员工上下班交通安全培训
  • 企业买电动车做资产如何做折旧?
  • 伤亡保险是什么意思
  • 零售产品的进项税怎么算
  • 外购烟丝消费税是多少
  • 关于7.1号增值税普通发票新规
  • 零售通收银
  • 一个季度为纳税期限的规定适用
  • 税收筹划也要有风险意识
  • 个税前几个月没有工资,累计减除费用会累计吗
  • 发票税额小数点后面没打印上能用吗
  • 库存成本与实际成本不符
  • 计算机著作权登记证书
  • 固定资产处理收入计入什么科目
  • 因为担保被起诉怎么办
  • 变动成本总额怎么求单位变动成本
  • 最新气象报告
  • 投资收益科目的借贷方向
  • 调整会计分录是什么
  • win11如何设置定时关机
  • 微软为XSX推出星空版主机壳
  • 鸿蒙2.0正式版升级
  • 如果工资少发怎么办
  • 六千元左右
  • 固定资产转让的账务处理
  • 顺流交易逆流交易未实现内部交易损益
  • 一列火车穿过一条隧道,已知火车长450米,隧道长750米
  • 设置pin是什么意思
  • PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
  • 补充养老保险税前扣除标准与扣除比例
  • 代码怎么用?
  • 雪花 (© TothGaborGyula/Getty Images Plus)
  • laravel框架的优缺点
  • 固定资产一次性扣除后第二年账务处理
  • php接口验证
  • 工业企业制造费用包括哪些
  • vue 长列表优化
  • phppdo连接数据库
  • 想学web前端
  • vue中事件
  • windowsserver2012r2远程协助灰色
  • 圣诞节英文祝福语50字
  • 备抵法会计处理
  • 哪些税费可以抵扣
  • 安装php5.6
  • 增值税小规模纳税人减免增值税政策
  • mysql5.7.23安装配置教程
  • phpcms建站流程
  • 怎么修改申报数据
  • 差旅费适用税率
  • 农副产品普通发票可以抵扣增值税吗
  • 小规模没收入怎么报税
  • 购买税控系统的增值税怎么处理
  • 房屋租赁税按什么收
  • 先计提所得税还是先出报表
  • 计入福利费
  • 累计折旧用什么账页格式
  • sql server怎么添加数据
  • 史上最简单的不读书法成甲
  • sqlserver存储过程实例详解
  • win10 Realtek HD Audio更新失败怎么办 win10关闭UAC解决Realtek HD Audio更新失败
  • CentOS上使用Squid+Stunnel搭建代理服务器教程
  • win7装vmware
  • linux安装有哪几种方式
  • win10无法uefi
  • realshed.exe - realshed是什么进程 有什么用
  • linux svn管理工具
  • win7系统安装软件乱码
  • oracle12c怎么卸载
  • win8.1 安装ie10
  • jQuery使用ajax方法解析返回的json数据功能示例
  • jquery地址
  • angularjs4
  • Android使用领域是什么
  • EditText 点击事件小问题
  • 新三步走和旧三步走的异同点
  • 进项税额包括哪些项目
  • 江苏省人大有信访工作吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设