首页 网络技术
  1. 正文

使用css代码修饰火狐浏览器样式,火狐浏览器可用

很多人都知道,使用css的::-webkit-scrollbar可以定义浏览器滚动条的样式,但是这种方法在火狐浏览器下是无效的。

实际上火狐浏览器提供了两个独有的属性来定义滚动条样式,只有两个,总比没有强吧!

直接上代码:

* {
  scrollbar-color:#f33 green;
  scrollbar-width:thin;
}

相关解释:

scrollbar-width: auto; 
scrollbar-width: thin; 
scrollbar-width: none; 

scrollbar-width: inherit;
scrollbar-width: initial;
scrollbar-width: unset;


scrollbar-color: auto; 
scrollbar-color: dark; 
scrollbar-color: light; 
scrollbar-color: rebeccapurple green;   

scrollbar-color: inherit;
scrollbar-color: initial;
scrollbar-color: unset;

注:此属性只支持火狐64及以上版本浏览器!

兼容性如下:

使用css代码修饰火狐浏览器样式,火狐浏览器可用

使用css代码修饰火狐浏览器样式,火狐浏览器可用

本文标题:使用css代码修饰火狐浏览器样式,火狐浏览器可用
本文链接:https://www.qqooo.cn/post/2224.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 feelym@88.com 处理,谢谢!