对谷歌浏览器滚动条进行样式设置
来源:互联网 发布:姜大声 知乎 编辑:程序博客网 时间:2024/06/05 10:37
<!DOCTYPE html><html><head><meta charset="utf-8"><title>自定义滚动条样式</title><style>.all{background:#f00;opacity:0.5;width:5000px;height:5000px;}::-webkit-scrollbar { width: 0.2em;}::-webkit-scrollbar:horizontal //横向滚动条样式{ height: 0.5em;}/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px;}/* Handle */::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }::-webkit-scrollbar-thumb:window-inactive {background: rgba(169,169,169,0.4); }</style></head><body><div class="all"></div></body></html>
效果图:
0 0
- 对谷歌浏览器滚动条进行样式设置
- 谷歌浏览器滚动条样式设置
- 自定义谷歌浏览器滚动条样式
- css设置浏览器滚动条样式
- css设置浏览器的滚动条样式
- css设置浏览器滚动条的样式
- ie浏览器 谷歌浏览器,div 滚动条样式
- 基于谷歌内核浏览器滚动条样式
- 自定义chrome 谷歌浏览器 滚动条样式
- 设置滚动条样式
- 设置滚动条样式
- 设置滚动条样式
- 浏览器滚动条设置
- 修改浏览器滚动条样式
- 自定义浏览器滚动条样式
- 改变浏览器滚动条样式
- 修改浏览器滚动条样式
- 自定义浏览器滚动条样式
- 为Hexo博客文章添加关键字
- Android——布局layout中的一些属性
- ZABBIX监控MYSQL
- 日期处理
- git 撤销commit中单个文件的修改
- 对谷歌浏览器滚动条进行样式设置
- js的dom模型
- 使用SharedPreferences进行数据存储
- TCP多用户登录
- Eclipse配置c/c++编程环境,完整教程+附样例
- 黑马程序员——基础知识——字符流
- ffmpeg+SDL能同时播放多路视频么?
- UVALive 5760 Alice and Bob(博弈+记忆化dp or 找规律)
- ORACLE数据库 数据文件转移