码迷,mamicode.com
首页 > 其他好文 > 详细

滚动条样式优化(谷歌有效,IE浏览器无效)

时间:2017-06-23 19:35:58      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:outline   -o   样式   大小   谷歌   web   offset   fse   :hover   


/*---滚动条默认显示样式--*/

::-webkit-scrollbar-thumb{

background-color:#9f9e9e;

height:50px;

outline-offset:-2px;

outline:2px solid #fff;

-webkit-border-radius:4px;

border: 2px solid #fff;

}

 

/*---鼠标点击滚动条显示样式--*/

::-webkit-scrollbar-thumb:hover{

background-color:#9f9e9e;

height:50px;

-webkit-border-radius:4px;

}

/*---滚动条大小--*/

::-webkit-scrollbar{

width:8px;

height:8px;

}

/*---滚动框背景样式--*/

::-webkit-scrollbar-track-piece{

background-color:#fff;

-webkit-border-radius:0;

}

滚动条样式优化(谷歌有效,IE浏览器无效)

标签:outline   -o   样式   大小   谷歌   web   offset   fse   :hover   

原文地址:http://www.cnblogs.com/camile/p/7071084.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!