我是HTML和CSS的新手，我正在尝试设计一个网站，其中大部分文字都在屏幕上的框中。
每个框的颜色都不同，文本比直接可见
我的问题
我可以制作滚动部分的背景颜色，即两个箭头之间的位与现有的背景颜色相匹配吗？
如果我甚至可以改变实际滚动条的颜色，那就更好了
最后，我可以摆脱水平滚动条，因为它不是必需的吗？目前它使我的盒子底部有一个白色的带子
答案 0 :(得分：3)
有几种方法可以改变网站上滚动条的样式：
Via CSS： 这不可靠：例如它只适用于IE，而不适用于Firefox。所以我会避免这种情况。
通过JavaScript： 我建议：隐藏浏览器滚动条并使用javascript和一些箭头图像创建自己的滚动条，这样您就可以完全控制样式。 例如，您可以使用JQuery和JScrollPane（demo）。根据文档，这适用于所有现代浏览器（IE，Firefox ......）。如果用户将禁用javascript支持，它仍然可以工作，但滚动条看起来没有样式。
答案 1 :(得分：0)
只有在quirks模式下的Internet Explorer和Opera支持着色浏览器滚动条，因此您需要尝试使用javascript解决方案。
有趣的是，CSS定义了一些system colors，因此如果您（非常）灵活地使用您的设计，您可以设置滚动区域的背景以匹配其中一个。但不太可能是解决方案。
对于水平滚动条，您可以尝试overflow-x: hidden; overflow-y: scroll。这是为了停止水平滚动但允许垂直滚动。我相信它是CSS3所以不太可能适用于所有浏览器。
更新：刚刚看到这个，这应该符合您的需求：http://www.leigeber.com/2009/09/javascript-scrollable-div/