自定义Web浏览器滚动条的颜色宽度等样式
- 4837
- HTML
- 8
- super_dodo
- 2016/09/14
有时候想对网页的的右边和底部出现的滚动条的颜色宽度进行自定义个性化的改进和设计。尤其是对于一些个性网站来说,浏览器的滚动条也很挑剔。同时你也可以把浏览器的滚动条做的很搭配你的网站风格,这样更加大气时尚。
直接可以利用css样式进行修改而且是全局的哦。直接上示例代码demo(示例如下)
::-webkit-scrollbar{width:5px;height:5px;background-color: #E7E7E7;} ::-webkit-scrollbar-thumb {background-color: #079f51;} //宽度 width 指的是右边滚动条的宽度 //高度 height 指的是底部的混动条的高度 //背景颜色请各位自己调试成自己喜欢的。 //关于兼容性。小编dodobook这里测试 chrome firefox 360极速等都支持。
dodobook 祝愿各位小伙伴们2016中秋节快乐。。
可怜今夕月,向何处、去悠悠。是别有人间,那边才见,光影东头。是天外空汗漫,但长风、浩浩送中秋。飞镜无根谁系,嫦娥不嫁谁留。
谓洋海底问无由。恍惚使人愁。怕万里长鲸,纵横触破,玉殿琼楼。虾蟆故堪浴水,问云何、玉兔解沈浮。若道都齐无恙,云何渐渐如钩。---辛弃疾
- 2015会不会是微信由盛而衰之年?
- RESTful API规范(详细版)
- Yii2的bacthInsert以及MySQL中的INSERT IGNORE INTO 批量
- [转]每天一个linux命令(58):crontab命令
- 程序员如何从“职业倦怠”中恢复过来
- CSS3渐变就是这么玩 linear-gradient(to top, blue, white)
- PHP使用CURL请求设置header、OAuth、field等信息
- [转]每天一个linux命令(44):netstat命令
- [转]每天一个linux命令(56):watch命令
- MongoDB查询指定字段(field)返回指定字段的方法
相关阅读
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例
热门文章
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例
最新文章
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例