Question

我之前看过这一年，但由于它没有被广泛支持，网站正在放弃使用它。

我目前正在设计一个网站，该网站将在设计中包含滚动条，并想知道CSS2是否对样式浏览器滚动条有任何规范，因为默认颜色不适合。如果没有规范，我们将不胜感激任何对特定浏览器行为的引用。

如果没有CSS规范，我将不得不依赖使用JS自定义生成的滚动条。关于如何建立一个参考文献也很受欢迎。

Answer 1

我从this thread引用自己，因为它与之相关：

从可用性的角度来看，更改滚动条是不行的。用户熟悉他/她的操作系统及其提供的可视环境。改变这种情况确实会造成混乱，尤其是那些不熟悉计算机，老人等的人。

今天的大多数用户可能会识别滚动条，只要它具有基本形状 - 许多用户甚至不会使用条形本身，而只使用鼠标上的滚轮。

尽管如此，还是要考虑一下。考虑您的受众。无论你做什么，如果你使用自定义滚动条，确保它实际上适用于所有平台/所有浏览器。

Answer 2

可以在 http://www.hesido.com/web.php?page=customscrollbar找到JavaScript解决方案。请注意，您必须为此付费，但即使您不想走这条路线，也会显示可能的情况。

否则jQuery solution和Prototype solution也可用。

Answer 3

WebKit支持another mechanism。

Answer 4

你可以这样做：

<style>
body {
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
}
</style>

但它只适用于Internet Explorer和Opera（谢谢Julien！）。你可能想要使用不同的颜色。 8 - ）

Answer 5

我还没有尝试过这些解决方案，但它们确实看起来非常有前途，并声称它们会很好地降级。

这将是我的第一选择 http://www.hesido.com/web.php?page=customscrollbar

http://www.n-son.com/scripts/jsScrolling/new/example5.html

Answer 6

许多浏览器都支持滚动条的某种样式，但在css中没有标准化。

另外，正如arve systad所说，改变操作系统的这些基本小部件是不可取的 - 虽然人们也应该小心改变按钮

样式浏览器滚动条

6 个答案: