您现在的位置是：网站首页> 编程资料编程资料
css 滚动条换色调整代码_CSS教程_CSS_网页制作_
2021-09-09
782人已围观
简介 PSD转html， 设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。 如果要求兼容firefox，可以使用JQ来进行制作。 如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。 代码如下： .uicss-cn { height:58
PSD转html，
设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。
如果要求兼容firefox，可以使用JQ来进行制作。
如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。
代码如下：
- .uicss-cn
- {
- height:580px;overflow-y: scroll;
- scrollbar-face-color:#EAEAEA;
- scrollbar-shadow-color:#EAEAEA;
- scrollbar-highlight-color:#EAEAEA;
- scrollbar-3dlight-color:#EAEAEA;
- scrollbar-darkshadow-color:#697074;
- scrollbar-track-color:#F7F7F7;
- scrollbar-arrow-color:#666666;
- }
具体样式对应的scrollbar区域如图：
相关内容
- CSS 网页布局 表格制作实例_CSS布局实例_CSS_网页制作_
- HTML5 CSS3给网站设计带来出色效果_css3_CSS_网页制作_
- 网页布局教程 掌握CSS网页布局属性_CSS布局实例_CSS_网页制作_
- CSS3 圆角效果_css3_CSS_网页制作_
- CSS margin 属性定义边外补白_CSS教程_CSS_网页制作_
- CSS padding属性定义边内补白_CSS教程_CSS_网页制作_
- CSS border-width 属性使用教程_CSS教程_CSS_网页制作_
- CSS border-color 属性使用方法_CSS教程_CSS_网页制作_
- CSS border-style 属性使用方法_CSS教程_CSS_网页制作_
- CSS border 属性使用说明_CSS教程_CSS_网页制作_
