:: - 带内容的webkit-scrollbar-button

Question

我尝试像Visual Studio一样设计webkit滚动条。

示例：

我的问题是，如何将::-webkit-scrollbar-button设置为示例？

这是我的代码：

::-webkit-scrollbar-button {
    height: 10px;
    content: "▲";
    color: rgb(255, 255, 255);
    background: rgb(255, 0, 0);
}

输出：

可以使用content: "";属性来设置像▲或▼这样的UTF字符吗？ 为什么它不会显示？

这是Fiddle

Answer 1

content: ""似乎不适用于滚动条。我也试过了content: "\25B2"，但仍然无效。

也许您可以使用此Fiddle

中的背景图片