大家好，笑笑来为大家解答以上问题。广东天宸是什么游戏公司，滚动条css很多人还不知道，现在让我们一起来看看吧！
1、 滚动条的设置不能简单的在CSS中完成，而是由很多部分组成的。所以如果要设置滚动条，首先要知道哪些部分是被控制的。让我们逐一介绍：
2、 Scrollbar-face-color:/*滑块颜色*/
3、 滚动条-箭头-颜色：/*箭头颜色*/
4、 滚动条-阴影-颜色：/*滑块边缘颜色*/
5、 滚动条-轨道-颜色：/*滑轨颜色*/
6、 现在我们知道了这些设置，我们可以设置它们了。
7、 CSS设置代码：
8、 *{
9、 滚动条-face-color : # fff；/*滑块颜色*/
10、 滚动条-箭头-颜色： # 000；/*箭头颜色*/
11、 滚动条-阴影-颜色： # 000000；/*滑块边缘颜色*/
12、 scroll bar-track-color : # dde3 fa；/*滑轨颜色*/
13、 }
14、 该设置对所有滚动条都有影响。
15、 网页设计最头疼的问题之一就是解决兼容性。我们刚刚在IE11下进行了测试。不能只为IE浏览器设置滚动条，需要再次更改浏览器测试。边肖用谷歌在这里做了一个测试，结果是正确和无效的。
16、 要兼容其他浏览器需要做一些工作。以下是webkit浏览器的一些设置。我们也有必要先知道它的属性：
17、 3360:-WebKit-滚动条{}/*整体设置*/
18、 3360:-WebKit-scroll bar-Track/*滚动条的滑动背景颜色*/
19、 3360:-WebKit-scroll bar-thumb/*滑块颜色*/
20、 3360:-WebKit-scroll bar-button/*滑轨两端的监视器按钮颜色*/
21、 3360:-WebKit-scroll bar-corner/*水平滚动条和垂直滚动条相交处锐角的颜色*/
22、 使用虚拟元素来设置CSS。
23、 继续添加以下代码
24、 :-WebKit-滚动条{background-color: #000}
25、 :-WebKit-滚动条-跟踪{
26、 背景色： # 7 dc2f 6；
27、 }
28、 :-WebKit-滚动条-缩略图{
29、 背景色： # 1b 99f 7；
30、 }
31、 :-WebKit-滚动条-按钮{
32、 background-color : # b 9 e0fd；
33、 }
34、 :-WebKit-滚动条-角落{
35、 背景色： # 018 ef8；
36、 }
37、 再次测试输出，现在IE和Google浏览器都可以看到变化。
38、 接下来，让我们看看如何隐藏滚动条。
39、 对于浏览器滚动条，如果想同时隐藏水平和垂直滚动条，可以直接使用overflow:hidden。往一个方向躲，就往一个方向躲。比如：
40、 html{
41、 溢出-x :隐藏；/*水平隐藏*/
42、 溢出-y :隐藏；/*垂直隐藏*/
43、 }
44、 好了，滚动条设置到此为止。你学会了吗？
本文到此结束，希望对大家有所帮助。
标签：
免责声明：本文由用户上传，如有侵权请联系删除！