时间:2021-05-08
css滚动条样式修改的代码
.scroll::-webkit-scrollbar { // 纵向滚动条和横向滚动条宽度 width: 1px; height: 1px;}.scroll::-webkit-scrollbar-thumb { // 滚动条背景条样式 border-radius: 1px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #5b5f63;}.scroll::-webkit-scrollbar-track { // 滚动条按钮样式 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 1px; background: #00284d;}总结
以上所述是小编给大家介绍的css滚动条样式修改的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
写过挺多项目都需要改变滚动条的默认样式并不想单独下载和引入插件因此纯css修改默认滚动条的样式这次算统一整理下方法,直接上代码。&::-webkit-scrol
CSS设置滚动条样式的实现代码如下所示:•::-webkit-scrollbar滚动条整体部分•::-webkit-scrollbar-th
下面是css修改滚动条默认样式的代码: html代码这是内容111这里是内容222这里是内容333 css代码 .inner{width:265p
windows下默认的滚动条样式巨丑,项目中又有比较多地方会显示滚动条,故回头翻了一下CSS3,还真能不用插件实现自定义滚动条的样式,正合我意代码如下:/定义滚
css设置overflow:scroll滚动条的样式::-webkit-scrollbar{width:6px;height:6px;ba