HTML删除div中的滚动条背景/设置背景透明度

Question

我有一个包含大量文本的div。我已经设置了overflow:auto；并且需要保持原样。然而，滚动条有一个白色的背景--有没有一种方法可以通过移除背景和/或设置透明度来摆脱这个问题。谢谢。

Answer 1

没有跨浏览器的只有css的解决方案。只有IE支持原生css (就像在Shawn Steward's post中一样)。

你唯一的机会就是用JavaScript模仿原生滚动条。这是一个overview of some jQuery-plugins。

Answer 2

您可以在滚动条样式上设置CSS，如下所示：

(仅限IE)

<style type="text/css">
.overflowDiv { 
scrollbar-face-color : #FF0000; 
scrollbar-highlight-color : #FF6666; 
scrollbar-3dlight-color : #FF9999;
scrollbar-darkshadow-color : #660000; 
scrollbar-arrow-color : #FFCCCC; 
scrollbar-shadow-color : #FF0000; 
scrollbar-track-color: #330000
} 
</style>

Answer 3

你能把文本放在一个"textarea“标签中，然后设置它的样式，确保包括：

textarea { overflow: auto; }

在样式表中的某个位置？