scroll滚动条样式修改

scroll滚动条样式修改,第1张

scroll滚动条样式修改

一般我们有两种情况会出现滚动条,一种是overflow,一种是使用scroll.

当我们需要改变这个滚动条样式的时候,我们需要做以下的修改:

html:

<div id="style-2">里是富文本这里是富文本这里是富文本这里是富文本这里是富文本这里是富文本</div>

css:

#style-2{height:20px;width:50px;overflow:auto;}
#style-::-webkit-scrollbar-track{background-color: #242d3e;-webkit-box-shadow: inset   6px #242d3e;}
/*定义滚动条高宽及背景*/
#style-::-webkit-scrollbar{width: 5px;background-color: #242d3e;}
/*定义滚动条*/
#style-::-webkit-scrollbar-thumb {background-color: #09a5ee;border-radius: 5px;}

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/587566.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存