滚动条css

最新推荐文章于 2024-09-13 23:28:46 发布

xian222

最新推荐文章于 2024-09-13 23:28:46 发布

阅读量741

点赞数

分类专栏： html 文章标签： iframe css 浏览器 menu html 框架

本文链接：https://blog.csdn.net/xian222/article/details/2219843

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<body
style="overflow:hidden">

2.设定多行文本框的滚动条

没有水平滚动条
<textarea style="overflow-x:hidden"></textarea>

没有垂直滚动条
<textarea style="overflow-y:hidden"></textarea>

没有滚动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>

3. 设定窗口滚动条的颜色

css:

html { scrollbar-face-color:#ab680b; scrollbar-highlight-color:#751101; scrollbar-3dlight-color:#ab680b; scrollbar-darkshadow-color:#000; scrollbar-Shadow-color:#000; scrollbar-arrow-color:#ab680b; scrollbar-track-color:#D6A27E; }

4.框架设置滚动，边距