自定义镶边滚动条

Custom scroll bar for chrome

本文关键字：滚动条 自定义      更新时间：2023-09-26

我需要将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 仍然从其 Webkit 时代开始支持它们。您在 Chrome 中采用的方法略有不同，使用伪元素而不是属性：

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

您可以在 WebKit 中的自定义滚动条一文中阅读有关这些内容的更多信息。这些属性不一定与 Webkit 伪元素 1 对 1 匹配，但您应该能够找到很好的重叠程度。

相关文章：