让滚动条适用于 Firefox

Posted 2023-03-06

【中文标题】让滚动条适用于 Firefox

【英文标题】：Make Scrollbar viable for Firefox

【发布时间】：2020-07-05 01:42:56

【问题描述】：

我想让我的 div 的 css 滚动条对 Firefox 可见。我可以看到它在 Firefox 上不起作用，但在 chrome 上起作用。 这是我的CSS。

.ascenseur::-webkit-scrollbar

    width: 4px;

.ascenseur::-webkit-scrollbar-thumb

    border-radius: 10px;
    background-color: #7997cd;

【参考方案1】：

我可能弄错了，但我相信目前 mozilla 支持滚动条样式的唯一 CSS 是：

scrollbar-color: red green; (where red is the bar and green is thumb)
scrollbar-width: thin; (other option is thick)

有一些 javascript 滚动条选项可用于设置 Mozilla 滚动条的样式，但我对它们没有太多经验。

你可以做的事情是这样的：

@-moz-document url-prefix('') 
  .ascenseur 
    scrollbar-color: #7997cd green; (pick something not green)
    scrollbar-width: thin;

这会将替代样式仅应用于 mozilla (firefox)，并允许其他浏览器使用您的原始样式。

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars