纯css美化滚动条样式

知乎的编辑器对于复制转发文章来说特别不友好（直接复制后代码乱码，字体变化，表滋补品加盟格数据丢失），不太想过多重复编辑，只会编辑转发部玩具店分到这上面来，如感觉还不错，请跳转到：

自己完善自己博客再Ipad等移动端的菜单时选用了左右滑动的菜单模式！当然就会使用到滚动条了，而默认的滚动条有多丑大家清楚吧！葡萄牙旅游就搜到了纯css美化滚动条样式的方法！ 方法！webkit内核浏览器

Webkit支持拥有overflo男士头发护理w属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的。

可选项::-webkit-scrollbar 滚动条整体部分 ::-web居家养老服务kit-scrollbar-thumb 滚动条里面的小素颜霜方块，能上下左右移动(取决于是垂直还是水平) ::-webkit斯托亚-scrollbar-track 滚动条的轨道(里酷龙面装有thumb) ::-webkit-scrollbar-button 滚动条轨道两端的按钮，飞盘奇门允许通过点击微调小方块的位置 ::-webkit-scrollbar-track中海誉城-piece 内层轨道，滚动条中间部分(除去) ::-webkit-pr卡scrollbar-corner 边角，及两个滚动条的交花生壳教程汇处 ::-webkit-resizer 两个滚动条的交汇处上用于拖动调整元素大小的小控件

CSS

改变浏览器默认的滚动条样式：::-webkit-scro高压电源llbar-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 { backg性科教片roun安徽中医药高专d-c魔裟斗olor:#bbb; }

C洪武二十三SS

给特定的div模块修改滚动条的样式,比如我们给class名为emperinter的添加滚动条样式:

如需了解更多,请访问：