我们可以在 Firefox 中为滚动条应用边框半径吗？

Question

我在chrome中有一个滚动条，我想让这个滚动条与firefox兼容，但无法找到给滚动条半径的方法。

Chrome 滚动条 CSS

/* Store selector */

/* width */
.lhh::-webkit-scrollbar {
  width: 6px;
  height: 56px !important;
}

/* Handle */
.lhh::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 10px;
}

寻找解决方案如何为mozila firefox 的滚动条提供边框半径。 一些链接 firefox css

Answer 1

这在 Firefox 浏览器中是不可能的，您唯一的选项是颜色和宽度，您可以通过设置这些规则来实现它：

scrollbar-color: var(--color-foreground-disabled-button) var(--color-extend-white);
scrollbar-width: thin;

Answer 2

只需使用 -moz 而不是 -webkit