css改⽕狐滚动条样式_纯css美化滚动条样式
⾃⼰完善⾃⼰博客再Ipad等移动端的菜单时选⽤了左右滑动的菜单模式！当然就会使⽤到滚动条了，⽽默认的滚动条有多丑⼤家清楚吧！就搜到了纯CSS美化滚动条样式的⽅法！
⽅法！
webkit内核浏览器
Webkit⽀持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条⾃定义样式。当然，兼容所有浏览器的滚动条样式⽬前是不存在的。可选项css表格样式
::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条⾥⾯的⼩⽅块，能上下左右移动(取决于是垂直还是⽔平) ::-
webkit-scrollbar-track 滚动条的轨道(⾥⾯装有thumb) ::-webkit-scrollbar-button 滚动条轨道两端的按钮，允许通过点击微调⼩⽅块的位置 ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分(除去) ::-webkit-scrollbar-corner 边⾓，及两个滚动条的交汇处 ::-webkit-resizer 两个滚动条的交汇处上⽤于拖动调整元素⼤⼩的⼩控件
CSS改变浏览器默认的滚动条样式：
::-webkit-scrollbar-track-piece { //滚动条凹槽的颜⾊，还可以设置边框属性 background-color:#f8f8f8; } ::-webkit-scrollbar {//滚动条的宽度 width:9px; height:9px; } ::-webkit-scrollbar-thumb {//滚动条的设置 background-color:#dddddd; background-
clip:padding-box; min-height:28px; } ::-webkit-scrollbar-thumb:hover { background-color:#bbb; }
CSS给特定的div模块修改滚动条的样式,⽐如我们给class名为emperinter的添加滚动条样式:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。