网页中经常见到带有滚动条,比如输入框,那么如何根据自己的喜好去设置好看的滚动条呢,今天就总结下设置滚动条的方法:
设置滚动条的样式:
浏览器默认的滚动条样子太过屌丝了,得自己动手整整。记得IE浏览器有几个设置滚条的样式,不过比较鸡肋,只能设置颜色之类的,而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看,一开始以为是用p模拟的,结果一看,吼吼,正合我意,利用的CSS来设置的,而且是webkit浏览器的。
设置滚动条颜色:
解决IE6下无法设置滚动条颜色
一般设置滚动条样式的时候会使用如下CSS代码:
body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }
相关问答推荐:
以上是HTML页面滚动条相关设置总结的详细内容。更多信息请关注PHP中文网其他相关文章!