位置: 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语句错误描述的是)

  • 联想拯救者y7000p多少寸(联想拯救者y7000p怎么样)

    联想拯救者y7000p多少寸(联想拯救者y7000p怎么样)

  • OPPO Ace2支持DC调光吗(oppo ace2支持光学变焦吗)

    OPPO Ace2支持DC调光吗(oppo ace2支持光学变焦吗)

  • 荣耀30pro+充满电要多久呢(荣耀30pro+充满电要多久)

    荣耀30pro+充满电要多久呢(荣耀30pro+充满电要多久)

  • 你的账号存在异常风险,暂时不能使用该功能(你的账号存在异常无法参与活动)

    你的账号存在异常风险,暂时不能使用该功能(你的账号存在异常无法参与活动)

  • tl-wdr6500是千兆路由器吗

    tl-wdr6500是千兆路由器吗

  • 微信朋友圈怎样发纯文字不发图片(微信朋友圈怎样发长视频)

    微信朋友圈怎样发纯文字不发图片(微信朋友圈怎样发长视频)

  • 小艺语音助手怎么关闭(小艺语音助手怎么改名)

    小艺语音助手怎么关闭(小艺语音助手怎么改名)

  • 拼多多卸载了个人信息还存在吗(拼多多卸载了个新用户)

    拼多多卸载了个人信息还存在吗(拼多多卸载了个新用户)

  • 抖音怎么评论表情包(抖音怎么评论表情包图片)

    抖音怎么评论表情包(抖音怎么评论表情包图片)

  • 京东退款要多久(京东退款要多久审核)

    京东退款要多久(京东退款要多久审核)

  • 苹果鼠标充电不亮灯怎么知道充满了(苹果鼠标充电不能用怎么办)

    苹果鼠标充电不亮灯怎么知道充满了(苹果鼠标充电不能用怎么办)

  • 联想bootmenu怎么解决(联想bootmenu怎么进)

    联想bootmenu怎么解决(联想bootmenu怎么进)

  • 电子书包是什么东西(电子书包是什么样子的)

    电子书包是什么东西(电子书包是什么样子的)

  • iphone怎么设置下载不要密码(iphone怎么设置下拉控制中心)

    iphone怎么设置下载不要密码(iphone怎么设置下拉控制中心)

  • 腾讯课堂退出再进入会有记录吗(腾讯课堂退出再重新登录)

    腾讯课堂退出再进入会有记录吗(腾讯课堂退出再重新登录)

  • 投影仪中平面镜的作用(投影仪中平面镜的距离是多少)

    投影仪中平面镜的作用(投影仪中平面镜的距离是多少)

  • word饼状图怎么制作(word饼状图怎么分为5个)

    word饼状图怎么制作(word饼状图怎么分为5个)

  • 共用一个苹果id 会发生什么(共用一个苹果id能看到对方什么信息)

    共用一个苹果id 会发生什么(共用一个苹果id能看到对方什么信息)

  • 华为jkm一tloo电池容量(华为jkm一tl00型号价格)

    华为jkm一tloo电池容量(华为jkm一tl00型号价格)

  • 手机号被360标注怎么取消(手机号被360标注成骚扰电话,怎么去掉)

    手机号被360标注怎么取消(手机号被360标注成骚扰电话,怎么去掉)

  • iOS13怎么更改字体(ios13.3怎么改字体)

    iOS13怎么更改字体(ios13.3怎么改字体)

  • 如何关闭可用wlan提醒(如何关闭可用虚拟键盘)

    如何关闭可用wlan提醒(如何关闭可用虚拟键盘)

  • 如何让电脑恢复出厂设置(如何让电脑恢复出厂设置win10)

    如何让电脑恢复出厂设置(如何让电脑恢复出厂设置win10)

  • 华为数字耳机有什么用(华为数字耳机什么意思)

    华为数字耳机有什么用(华为数字耳机什么意思)

  • 税务局防范税收风险的措施
  • 个体工商户超过免税额度如何收税
  • 税务师报名入口官网2022
  • 先到发票后到商品怎么入账
  • 总分机构 分总机构
  • 合并两公司的帐务怎么做
  • 分公司能享受小微企业所得税优惠吗
  • 民办非企业业务主管单位职责
  • 发票认证延期抵扣啥意思
  • 用人单位必须要有试用期吗
  • 公司房产税如何征收税率
  • 两笔不同业务能做一个凭证吗
  • 营改增的会计分录
  • 非独立核算的公司怎么报税
  • 附加税里包括地税吗
  • 融资租赁收到租金不确认收入
  • 职工福利费税前扣除标准最新
  • 工程会计做账流程及会计分录
  • 财务费用利息收入在损益表中怎么填
  • 企业所得税视同销售的捐赠扣除
  • 房地产经常发生的法律问题
  • 企业支付员工的工资
  • 3%增值税专用发票可以抵扣多少
  • 金融服务利息税率是多少
  • 管理费用和财务费用在资产负债表怎么填
  • deepin 20 wifi
  • 资产减值损失在哪个表
  • 电脑右键一直转圈
  • 电脑网络提示ip地址错误怎么办
  • 财政性资金所得税
  • 车辆开具发票后会计分录?
  • 收到短期借款会计分录怎么写
  • 工程项目成本核算的依据主要有
  • echarts series name
  • 赊购材料尚未支付的款项属于什么科目
  • 预缴税款计入什么科目
  • 如何更好的使用银行承兑汇票
  • 未分配利润做账
  • 会计核算中并不是所有的总分类帐户都需要开设明细账户
  • 开发公司出租未开发发票
  • 所得税的应税所得额
  • 事业单位成本核算具体指引—公立医院
  • 有限合伙企业成本费用抵扣
  • 未认证和未抵扣的区别
  • 进账税发票未认账怎么办
  • 退休返聘人员工伤怎么赔偿
  • 企业资金占用费利率
  • 暂估入库的商品作暂估冲红会计分录
  • 结转销售成本的分录
  • 采用成本法核算的长期股权投资
  • 企业投资分红帐务处理?
  • 外币报表折算差额名词解释
  • 付款金额比发票金额少怎么办
  • 税金及附加没有设置二级科目,有啥影响吗
  • 会计一般月初忙几天
  • mysql多个group by
  • windowsxp桌面文件在哪个文件夹
  • win8创建系统映像
  • centos怎么设置密码
  • centos和rhel
  • win10如何关闭windows defender实时保护
  • win7浏览器主页怎么设置
  • ixapplet.exe - ixapplet是什么进程 有何作用
  • win8的开始和运行在哪儿
  • 列举css的三种应用方式
  • nodejs rbac
  • 基于jPlayer三分屏的制作方法
  • KBEngine v0.4.0 发布,分布式游戏服务端引擎
  • android 字体设置
  • javascript以及javascript的作用
  • javascript入门经典
  • jQuery基本选择器
  • 一种新的运算符号类型的题
  • js的iframe
  • 2023年新农合缴费
  • 临港税务局第四分局电话
  • 北京西城税务局
  • 销售免税货物可以抵扣进项税吗
  • 西安新公司税务注销流程
  • 乌鲁木齐交通服务电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设