星空网 > 软件开发 > 网页设计

css改变谷歌浏览器的滚动条样式

 

详细内容请点击

 

/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
   
   height:50px;
   outline-offset:-2px;
   outline:2px solid #fff;
   -webkit-border-radius:4px;
   border: 2px solid #fff;
}
 
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
   
   height:50px;
   -webkit-border-radius:4px;
}
 
 
/*---滚动条大小--*/
::-webkit-scrollbar{
   width:8px;
   height:8px;
}
 
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
   
   -webkit-border-radius:0;
}
 
 
==========================
::-webkit-scrollbar-track { background-color: #b46868; } /* 滚动条的滑轨背景颜色 */ ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* 滑块颜色 */ ::-webkit-scrollbar-button { background-color: #7c2929; } /* 滑轨两头的监听按钮颜色 */::-webkit-scrollbar-corner { background-color: black; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

 

更多html5内容请点击

 




原标题:css改变谷歌浏览器的滚动条样式

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Souq将不复存在,亚马逊阿联酋站正式上线!:https://www.ikjzd.com/articles/90734
围绕亚马逊广告和定价两方面展开的分析:https://www.ikjzd.com/articles/90741
9个方法有效赶跟卖&防跟卖:https://www.ikjzd.com/articles/90743
亚马逊广告,你需要先明白这些问题!:https://www.ikjzd.com/articles/90746
亚马逊无货源模式的布局和操作:https://www.ikjzd.com/articles/90748
亚马逊日本站CSBA是什么?还免费帮卖家处理A-Z?:https://www.ikjzd.com/articles/90749
在古巴做游轮 古巴旅游项目:https://www.vstour.cn/a/363194.html
西藏旅游攻略自驾游需要多少天 去西藏旅游自驾游要多久时间:https://www.vstour.cn/a/363195.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流