IE下的滚动条样式自定义

作者:袖梨 2022-06-25

IE是最早提供滚动条的样式支持,嗯,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。

这些样式规则很简单:

 代码如下 复制代码

scrollbar-arrow-color: color; /*三角箭头的颜色*/
scrollbar-face-color: color; /*立体滚动条的颜色(包括箭头部分的背景色)*/
scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: color; /*滚动条的高亮颜色(左阴影?)*/
scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: color; /*立体滚动条背景颜色*/
scrollbar-base-color:color; /*滚动条的基色*/


以下代码定义滚动条的样式:

 代码如下 复制代码

网页中去掉滚动条:

去掉横向滚动条

 代码如下 复制代码
 

去掉竖向滚动条

 代码如下 复制代码
 

两个都去掉

 代码如下 复制代码
 

框加中去滚动条在name=""后面加 scrolling="No"

相关文章

精彩推荐