小樱知识 > 生活常识设置滚动条样式（如何更改滚动条样式？）

设置滚动条样式（如何更改滚动条样式？）

提问时间：2022-06-07 15:09:57来源：小樱知识网

一.示例代码

/*滚动条整体样式*/body::-webkit-scrollbar {  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px;}/*滚动条里面小方块*/body::-webkit-scrollbar-thumb {  border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #FFF;}/*滚动条里面轨道*/body::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: #393D49;}

二、效果展示

实际效果请参考我们浏览器的滚动条样式。

以上内容就是为大家推荐的设置滚动条样式（如何更改滚动条样式？）最佳回答，如果还想搜索其他问题，请收藏本网站或点击搜索更多问题

内容来源于网络仅供参考
二维码

扫一扫关注我们

版权声明：所有来源标注为小樱知识网www.xiaoyin02.com的内容版权均为本站所有，若您需要引用、转载，只需要注明来源及原文链接即可。

本文标题：设置滚动条样式（如何更改滚动条样式？）

本文地址：https://www.xiaoyin02.com/shcs/300434.html

上一篇：怎么做流光字（会声会影制作立体流光字教程）

下一篇：二十四节气歌谚语（二十四节气十字谚语）

相关文章

|网站首页| 生活常识| 家务日常| 自然科学| 数码解读| 运动有氧| 家庭美食| 恋爱情感| 常见问题| 生肖运势|

本网站属于科学类内容，传达严谨、科学的内容，专门聚焦于生活中的常识误区为大家解决常识问题

Copyright © 2022 小桜知识网 版权所有 京ICP备2021039702号-11

中国互联网诚信示范企业违法和不良信息举报中心网络110报警服务中国互联网协会中国互联网协会信用评价中心诚信网站