主页 / 问题 / 1534879
Accepted
Kristiano Odadu
Asked:2023-08-08 21:10:52 +0000 UTC2023-08-08 21:10:52 +0000 UTC

::webkit-scrollbar 看不到 css 变量

  • 772

在此输入图像描述

这是相同的代码片段，在 Firefox 中，所有内容都是出于某种原因定义的，并且滚动条实际上​​是自定义的

// .fs-manager scroll
.fs-manager {

  scrollbar-color: var(--color-1) var(--color-2);


  &::-webkit-scrollbar-thumb {
    background-color: var(--color-1);
  }
  &::-webkit-scrollbar-track {
    background-color: var(--color-2);
  }
}

问题是什么？

css

1 个回答

  1. Best Answer

    为了使 Webkit 工作，您需要显式设置滚动条的基本尺寸。我这样添加：

    *::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 2px solid orange;
}

    一切都很好。很明显，您可以为您的类指定属性，而不是一般情况下，您可以准确地设置您需要的大小和颜色。

    • 0

相关问题