社区
CSS
帖子详情
用css怎样定义IE滚动条的样式?
yooo120
2003-01-08 04:30:27
我不知道,请大家帮个忙
...全文
279
6
打赏
收藏
用css怎样定义IE滚动条的样式?
我不知道,请大家帮个忙
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wssgwps
2003-01-08
打赏
举报
回复
up
up up
up up up
denghan
2003-01-08
打赏
举报
回复
给你一个工具,可以直接选择滚动条的颜色,然后自动生成代码,把它们拷到页面里就能实现。
http://go2anycall.fykj.com/coolwebscrollbar.rar
wanghr100
2003-01-08
打赏
举报
回复
http://www.yesky.com/20010102/149734.shtml
要改变滚动条的外观很简单,你只需在页面HTML代码的<body>...</body>之间加入下列几行代码即可:
<style>
BODY {
SCROLLBAR-FACE-COLOR: yellow;
SCROLLBAR-HIGHLIGHT-COLOR:white;
SCROLLBAR-SHADOW-COLOR: white;
SCROLLBAR-ARROW-COLOR: black;
SCROLLBAR-BASE-COLOR:blue;
SCROLLBAR-DARKSHADOW-COLOR: blue
}
</style>
其中:SCROLLBAR-FACE-COLOR、SCROLLBAR-HIGHLIGHT-COLOR、SCROLLBAR-SHADOW-COLOR、SCROLLBAR-ARROW-COLOR、SCROLLBAR-BASE-COLOR、SCROLLBAR-DARKSHADOW-COLOR分别用于指定滚动条不同部分的颜色值
denghan
2003-01-08
打赏
举报
回复
楼上的好全啊
Reker熊
2003-01-08
打赏
举报
回复
http://www.onlinedown.net/coolwebscrollbars.htm
jzsh2000
2003-01-08
打赏
举报
回复
<STYLE>
BODY {SCROLLBAR-FACE-COLOR: #ffcc99;
SCROLLBAR-HIGHLIGHT-COLOR: #ff0000;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #ff0000;
SCROLLBAR-TRACK-COLOR: #dee0ed;
SCROLLBAR-DARKSHADOW-COLOR: #ffff00;}
</STYLE>
参考:
http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm
说明:
scrollbar-3dlight-color:color;设置或检索滚动条亮边框颜色;
scrollbar-highlight-color:color;设置或检索滚动条3D界面的亮边颜色;
scrollbar-face-color:color;设置或检索滚动条3D表面的颜色;
scrollbar-arrow-color:color;设置或检索滚动条方向箭头的颜色;当滚动条出现但不可用时,此属性失效;
scrollbar-shadow-color:color;设置或检索滚动条3D界面的暗边颜色;
scrollbar-darkshadow-color:color;设置或检索滚动条暗边框颜色;
scrollbar-base-color:color;设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。
scrollbar-track-color:color;设置或检索滚动条的拖动区域颜色
备注:
color为你要设置的颜色代码,可以是16进制的,比如#FF0000,可以是以RGB表示的,比如rgb(255,0,255);设置滚动条样式的时候不必要把所有的属性都用上才会生效。
CSS
自
定义
滚动条
样式
,兼容IE浏览器
经常写页面的同学都知道,浏览器一般自带的
滚动条
样式
很丑,和页面风格格格不入,于是就想着是否能够改变原有
滚动条
样式
?但实际中,其他浏览器又和IE浏览器不一样,导致兼容性不好。 chrome浏览器
滚动条
自
定义
样式
修改: div{ /*
滚动条
滑块按钮的颜色*/ scrollbar-face-color: #134187; /*
滚动条
整体颜色*/ scrollbar-highlight-c...
CSS
设置自
定义
滚动条
样式
(兼容IE)
话不多说,直接看
样式
:(亲测 ie浏览器兼容) .conversion_code{ overflow-x: scroll; overflow-y: hidden; width: 152px; height: 30px; font-size: 12px; font-weight: 400; text-align: center; line-height: 32px; letter-spacing: 0; } .conversion_code{ /*IE无法设置浏
CSS
3自
定义
滚动条
样式
有的公司或许会要求做个好看的
滚动条
,这时候,我们就需要来自
定义
滚动条
,但是IE跟别的是不一样的。所以,在下面的文章中,会有两种不同的方式来自
定义
滚动条
样式
。 webkit浏览器
css
设置
滚动条
:(下面是他的7个主要的属性) ::-webkit-scrollbar
滚动条
整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button
滚动条
两端的按钮(
滚动条
轨
chrome
滚动条
伪类_详解如何自
定义
CSS
滚动条
的
样式
本文会介绍
CSS
滚动条
选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自
定义
一个横向以及一个纵向的
滚动条
。0.需求有的时候我们不想使用浏览器默认的
滚动条
样式
,因为不够定制化和美观。那么如何自
定义
滚动条
的
样式
呢?下面一起来看看吧。1 基础知识1.1 Webkit内核的
css
滚动条
选择器::-webkit-scrollbar
CSS
伪类选择器影响了一个元素的
滚动条
的
样式
属性:::...
vue中改变
滚动条
样式
(
CSS
)
改变
滚动条
的
样式
,让浏览器的滚动轴变细。这篇博客给出了完整的代码实现。
CSS
61,117
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章