warb
非常火狐
非常火狐
  • UID51578
  • 注册日期2015-10-28
  • 最后登录2019-05-04
  • 发帖数639
  • 经验666枚
  • 威望0点
  • 贡献值816点
  • 好评度27点
阅读:1053回复:1

放到userChrome.css里的样式为何不起作用

楼主#
更多 发布于:2017-11-30 18:58


https://www.firefox.net.cn/read-48077

/* Hides scrollbar */scrollbar[orient="vertical"]:not(:hover),
scrollbar[orient="horizontal"]:not(:hover) {
    opacity: 0 !important;
}
  
/* Hides scrollbar buttons */
scrollbar scrollbarbutton {
    visibility: collapse !important;
}
  
/* Removes whitespace and allows scrollbar to appear */
 scrollbar {
    position: relative !important;
    -moz-appearance: none !important;
    background: none !important;
    z-index: 9999 !important;
}
  
/* Appearance of scrollbar thumb */
 scrollbar thumb {
    position: relative !important;
    -moz-appearance: none !important;
    background: rgba(110,110,110, .6) !important;
    border: 0 !important;
}
  
/* Color of scrollbar thumb on mouseover */
 scrollbar thumb:hover {
    background: rgba(110,110,110,.8) !important;
}
  
/* Color of scrollbar when clicked */
 scrollbar thumb:active {
    background: rgba(110,110,110, 1) !important;
}
  
/* Scrollbar sizes */
 scrollbar[orient="vertical"] {
    margin-left: -10px !important;
}
 scrollbar[orient="horizontal"] {
    margin-top: -10px !important;
}

很久以前用样式扩展有效。但放到userChrome.css里从来没生效过。
etjim
火狐狸
火狐狸
  • UID30046
  • 注册日期2009-08-12
  • 最后登录2024-03-23
  • 发帖数161
  • 经验224枚
  • 威望0点
  • 贡献值56点
  • 好评度13点
  • 忠实会员
  • 社区居民
1楼#
发布于:2017-11-30 20:09
滚动条已经不能用CSS更改了,只能用js更改。
游客

返回顶部