Question

我正在尝试设计滚动条，因为我已经给出了

::-webkit-scrollbar {
  width: 8px; 
   background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

::-webkit-scrollbar-thumb:vertical {
  background: rgba(0,0,0,0.61);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}

这适用于Chrome和Safari，我希望同样的css适用于Firefox;我怎么能得到它？

Answer 1

不支持使用CSS更改滚动条的外观。它改变了浏览器UI元素的外观，因此可疑它将得到支持。

您可以在mozila中隐藏滚动条，

CSS：

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

 scrollbar{
  -moz-appearance: none !important;
 }

Answer 2

Mozilla支持论坛上的文章讨论了“如何隐藏或禁用垂直和水平滚动条？”您可以试试这个link to mozilla support

http://support.mozilla.org/en-US/questions/957337

在Mozilla中滚动条css

2 个答案: