css修改滚动条,css3滚动条样式

　　具体代码如下：

　　/*滚动条的宽度*/:-WebKit-scroll bar { Width:9px；高度：9px}/*外层轨道。可以使用display:none使其不可见，也可以添加背景图片，颜色改变显示效果*/:-WebKit-scroll bar-track { width:6px；背景色：# 0d1b20-WebKit-border-radius:2em；-moz-border-radius:2em；边框半径：2em}/*滚动条设置*/:-WebKit-scroll bar-thumb { background-color:# 606 d71；背景剪辑：填充框；最小高度：28px-WebKit-border-radius:2em；-moz-border-radius:2em；边框半径：2em}/*滚动条向上移动的背景*/:-WebKit-scroll bar-thumb:hover { background-color:# fff；}CSS

　　:-WebKit-scroll bar { }:-WebKit-scroll bar-button { }:-WebKit-scroll bar-track { }:-WebKit-scroll bar-track-piece { }:-WebKit-scroll bar-thumb { }:-WebKit-corner { }:-WebKit-resizer { }上面的CSS代码所管辖的区域是对的：上面的代码解释

　　:-webkit-scrollbar滚动条的整个部分，其中的属性有宽度、高度、背景、边框(就像一个块级元素)等。

　　:-webkit-scrollbar-button滚动条两端的按钮。可以使用display:none使其不可见，也可以添加背景图片，通过颜色改变显示效果。

　　:-webkit-scrollbar-track外轨。可以使用display:none使其不可见，也可以添加背景图片，通过颜色改变显示效果。

　　:-webkit-scrollbar-track-piece内轨，滚动条中间部分(除外)。

　　:-WebKit-scroll bar-可拖动的缩略图滚动条。

　　:-WebKit-滚动条-角角落落

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

　　至此，这篇关于css3滚动条美化的示例代码的文章已经介绍到这里了。关于css3滚动条美化的更多信息，请搜索之前的文章或者继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。