css如何让滚动条不显示


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在css中,可以使用“::-webkit-scrollbar”伪类选择器来选中滚动条,然后使用“display:none”样式不显示滚动条即可;具体语法格式“::-webkit-scrollbar{display:none;}”。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式。我们可以设置::-webkit-scrollbar选择器display属性为none来隐藏滚动条。

设置滚动条不显示的方法:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<!DOCTYPE html>

<html>

   <head>

       <meta charset="UTF-8">

       <title></title>

   </head>

   <body>

       <div style=" width:200px;   height: 200px;  overflow-y: scroll;">

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

           cmcc</br>

       </div>

   </body>

</html>

效果图:

阅读剩余部分

相关阅读 >>

css中的流式布局是什么意思

css样式重置

css中标签嵌套规则有哪些

css怎么实现实现宽高比

css如何设置一行字显示不完隐藏

css box-ordinal-group属性怎么用

浅谈使用css实现半透明边框和多重边框效果的方法

css border-left属性怎么用

css如何实现圆角内凹效果

css怎么实现下边框阴影效果

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...