Question

我需要将IE自定义滚动条转换为chrome。这是css

scrollbar-face-color: #EAEAEA;
scrollbar-shadow-color: #EAEAEA;
scrollbar-highlight-color: #EAEAEA;
scrollbar-3dlight-color: silver;
scrollbar-darkshadow-color: silver;
scrollbar-track-color: #F8F6F7;
scrollbar-arrow-color: #6E6D6D;

任何人都可以将其完全转换为chrome吗？

由于

Answer 1

您所指的是（据我所知）非标准化功能。话虽这么说，自定义滚动条曾经在网络上流行，因此Chrome still supports them from its Webkit days。您在Chrome中采用的方法略有不同，使用伪元素而不是属性：

::-webkit-scrollbar              {  }
::-webkit-scrollbar-button       {  }
::-webkit-scrollbar-track        {  }
::-webkit-scrollbar-track-piece  {  }
::-webkit-scrollbar-thumb        {  }
::-webkit-scrollbar-corner       {  }
::-webkit-resizer                {  }

您可以在文章Custom Scrollbars in WebKit中详细了解这些内容。这些属性不一定与Webkit伪元素一对一匹配，但您应该能够找到很好的重叠程度。

用于镀铬的自定义滚动条

1 个答案: