css - 自定义滚动框

Question

我正在尝试创建一个滚动框，通过它我可以更改箭头的形状和颜色以及文本区域的背景。

我正在尝试创建与以下相同的滚动框，但无济于事。

Answer 1

您可以为 Chrome、Opera 和 IE 的滚动条设置样式。不幸的是，Firefox 不支持它。

此外，每个浏览器引擎都使用自己的前缀和属性来设置滚动条的样式，有些提供的比其他的更多。

WebKit 示例:

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: grey;
}

::-webkit-scrollbar-thumb {
  background: black;
}

网上有很多关于滚动条样式的资源。

底线是:
如果您想要 100% 的浏览器兼容性，请使用 JavaScript 解决方案(谷歌搜索“jquery scrollbars”)。