900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 修改默认滚动条样式

修改默认滚动条样式

时间:2023-05-07 02:33:50

相关推荐

修改默认滚动条样式

修改全局默认滚动条

/*滚动条凹槽的颜色,还可以设置边框属性 */::-webkit-scrollbar-track-piece {background-color:#f8f8f8;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条的宽度*/::-webkit-scrollbar {width:9px;}/*滚动条的设置*/::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条鼠标移上去*/::-webkit-scrollbar-thumb:hover {background-color:#bbb;}

修改单个内容框的滚动条样式

/*less*/div{&::-webkit-scrollbar-track-piece {background-color:#f8f8f8;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条的宽度*/&::-webkit-scrollbar {width:9px;}/*滚动条的设置*/&::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条鼠标移上去*/&::-webkit-scrollbar-thumb:hover {background-color:#bbb;}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。