注：该方法只适用于 -webkit- 内核浏览器

浏览器滚动条太宽，太丑，影响日常开发怎么办，改TA

滚动条外观由2部分组成：1.滚动条整体滑轨 2.滚动条滑轨内滑块

在CSS中滚动条由3部分组成

name::-webkit-scrollbar //滚动条整体样式

name::-webkit-scrollbar-track //滚动条滑轨

name::-webkit-scrollbar-thumb //滚动条内部滑块

注：以上3个均为伪类，请将name更改为需要改变的元素名称

例如:改变整体页面的滚动条样式

body::-webkit-scrollbar{ //先改变body的滚动条宽度

width: 8px;

}

body::-webkit-scrollbar-track{//再改变body的滚动条轨道颜色

background: rgb(200, 200, 200);

border-radius: 5px;

}

body::-webkit-scrollbar-thumb{//最后改变body的滚动条滑轨相关的样式

background: rgb(120, 120, 120);

border-radius: 5px;

}

◆ 右侧为上部代码更改后的滚动条样式

◆ 可在样式中添加背景、透明度，边框，圆角等属性，使浏览器更美观

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 在CSS中景图片不平铺怎么设置，代码是什么

  在css中，可以利用“background-repeat”属性让背景图片不平铺，该属性用于设置背景图片的平铺模式，只需要给元素添加“background-repeat:no-repeat;”样式，即可让背景图片不平铺显示。

• CSS浮动元素重叠怎么办，如何解决

  css浮动元素的重叠问题：1、行内元素与浮动元素重叠，其边框、背景和内容将显示在浮动元素之上。2、块级元素与浮动元素重叠时，边框和背景将显示在浮动元素下，内容将显示在浮动元素上。

• 如何利用CSS画一个三角形，代码是什么

  CSS绘制三角形：1、画出三角形的原理是调整border（边框）的四个方向的宽度，线条样式以及颜色。2、如果将宽度调的足够大，改变不同方向的颜色，就可以发现盒模型的border是四个梯形一样的线条。

• CSS实现中间自适应布局有几种方式

  这篇文章主要介绍了css中间自适应布局的5种解法详解的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

• HTML中table行列合并怎么实现，表格排版问题如何处理

  这篇文章主要介绍了详解html中表格table的行列合并问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧