广东天宸是什么游戏公司（滚动条css）

访客2023-10-06 11:35:5733

大家好，笑笑来为大家解答以上问题。广东天宸是什么游戏公司，滚动条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、好了，滚动条设置到此为止。你学会了吗？

本文到此结束，希望对大家有所帮助。

Tags：

广东天宸是什么游戏公司（滚动条css）

相关推荐

控制面板

网站分类

最新留言