滚动条让浏览器窗口永远都不出现滚动条没有水平(图)
滚动条让浏览器窗口永远都不出现滚动条没有水平(图)1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）scrollbar-highlight-color滚动条空白部分的颜色让浏览器窗口永远都不出现滚动条设定多行文本框的滚动条设定窗口滚动条的颜色
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
我们通过几个实例来讲解上述的样式属性：
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.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本色，一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果：
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
4.在样式表文件中定义好一个类滚动条滚动条，调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用：
<textarea class="coolscrollbar"></textarea>
相关推荐
-
产品市场营销策划方案范文市场营销策划与品牌包装策略的探讨与探讨(组图)
-
微信小店2022年未使用视频号橱窗功能的商家仅支持注册
-
网络营销推广网络推广（webpromotion）的常见的推广方式和趋势
-
免费seo网站推广 11月4日重点关注这3股！十一月或将暴涨68％！
-
网络营销推广网络推广需要多点触控覆盖并与消费者进行交流的效果
-
qq群排名技术互联网靠谱的落地的项目，实现粉丝多重变现盈利
-
网站产品运营经理传统互联网产品经理的价值是什么，如何体现？(图)
-
孕妇防蚊产品品牌润本老牌驱蚊贴品牌推荐：婴姿坊纯天然植物精油24小时
-
微信朋友圈营销微信朋友圈推广都有哪些优势，就是鱼爪网传媒平台
-
solidworks产品外壳设计训练视频教程 SolidWorks分享SolidWorks教程，整理
本文内容由互联网用户贡献，该文观点仅代表作者本人。本站不拥有所有权，不承担相关法律责任。如发现有侵权/违规的内容， 联系QQ304797345，本站将立刻清除。
