CSS滚动条样式兼容IE8和Chrome浏览器

针对IE8：

.scroll {scrollbar-face-color:#FB4446; /*滚动条3D表面（ThreedFace）的颜色*/scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/scrollbar-arrow-color:#000; /*滚动条方向箭头的颜色 */scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/ }

针对Chrome：

/*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{  background-color:#FB4446;  height:50px;  outline-offset:-2px;  outline:2px solid #fff;  -webkit-border-radius:4px;  border: 2px solid #fff;  }  /*---鼠标点击滚动条显示样式--*/ ::-webkit-scrollbar-thumb:hover{  background-color:#F01360;  height:50px;  -webkit-border-radius:4px;  }  /*---滚动条大小--*/ ::-webkit-scrollbar{  width:8px;  height:8px;  }  /*---滚动框背景样式--*/ ::-webkit-scrollbar-track-piece{  background-color:#fff;  -webkit-border-radius:0;  }

CSS滚动条样式兼容IE8和Chrome浏览器相关推荐

图文翻页-兼容IE8和Chrome浏览器
在线测试打包下载图文翻页-兼容IE8和Chrome浏览器
九宫图-图片轮播-兼容IE8和Chrome浏览器
在线测试打包下载九宫图-图片轮播-兼容IE8和Chrome浏览器
CSS 滚动条样式【兼容chrome、Firefox、IE】
css滚动条样式,windows系统下,滚动条比较丑,以下分别是chrome.Firefox.IE5.5+三大浏览器的改写方法. Chrome: 原理:通过-webkit相关属性直接可以灵活控制滚动条 ...
css改变滚动条样式兼容火狐_jq完美解决css滚动条样式IE火狐不兼容问题
上次关于css滚动条样式的文章<美化css滚动条样式,就这么简单>,不够完美不兼容IE.火狐浏览器,但今天这篇文章可以完美解决这个问题,用到了jquery插件jquery.mCustomS ...
css滚动条样式重写（兼容ie和谷歌）
博主在工作中遇到修改滚动条样式的情况,效果如下: 1.重写滚动条样式,兼容IE,谷歌. 2.鼠标移入元素显示滚动条,鼠标移出隐藏滚动条. 注意: 1.互不干扰:首先说明的是谷歌的css滚动条样式的写法 ...
css自定义横向滚动条样式,css滚动条样式自定义
很简单的几行代码 Title * { margin: 0; padding: 0; } .out { width: 600px; height: 600px; margin: 100px auto; ...
Tab层切换02-兼容IE8和Chrome浏览器
在线测试打包下载 Tab层切换02-兼容IE8和Chrome浏览器
CSS滚动条样式设置
CSS滚动条样式设置 1.概述 2.滚动条css 3.总结 1.概述最近项目中需要,将一个页面嵌入在一个webbrower中,这个webrower是定高的,在页面内容超过webbrower高度时,需 ...
html中美化右侧滑动条,美化css滚动条样式，就这么简单
很多朋友,会觉得默认的css滚动条样式是很丑的吧,稍微改下-webkit-scrollbar(滚动条整体样式).-webkit-scrollbar-thumb(滚动条里面小方块样式).-webkit- ...

CSS滚动条样式兼容IE8和Chrome浏览器

针对IE8：

针对Chrome：

CSS滚动条样式兼容IE8和Chrome浏览器相关推荐

最新文章

热门文章