css3 滚动条 ie

CSS3滚动条在IE中的使用：

/* 先定义滚动条的颜色以及样式 */::-webkit-scrollbar{
    width:10px;
     /*滚动条宽度*/height:10px;
 /*滚动条高度*/}
::-webkit-scrollbar-button{
    display:none;
 /*滚动条按钮不显示*/}
::-webkit-scrollbar-track{
    background-color:#fff;
 /*滚动条轨道的背景色*/}
::-webkit-scrollbar-thumb{
    background-color:#999;
 /*滚动条Slider的颜色*/}
/* 然后定义滚动条的箭头 */::-webkit-scrollbar-corner{
    background-color:#fff;
 /*滚动条交叉处的背景色*/}

上述代码适用于webkit浏览器，在IE中可以使用以下代码：

/* 先定义滚动条的颜色以及样式 */body::-webkit-scrollbar{
    width:10px;
     /*滚动条宽度*/height:10px;
 /*滚动条高度*/}
body::-webkit-scrollbar-button{
    display:none;
 /*滚动条按钮不显示*/}
body::-webkit-scrollbar-track{
    background-color:#fff;
 /*滚动条轨道的背景色*/}
body::-webkit-scrollbar-thumb{
    background-color:#999;
 /*滚动条Slider的颜色*/}
/* 然后定义滚动条的箭头 */body::-webkit-scrollbar-corner{
    background-color:#fff;
 /*滚动条交叉处的背景色*/}
    

需要注意的是，在IE中只能在body元素上应用滚动条样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！