Javascript 如何设置文本区域滚动条的样式

我在联系人表单中有一个文本区域，它是用css设计的，它看起来很棒，直到我写的内容超过了这个区域所能容纳的范围，当我写的时候，一个滚动条出现了，这个滚动条在我的黑色样式下看起来很糟糕（它是黑色加白色的文本）。那么我该如何设计这个呢？我在谷歌上搜索了一些，但没有找到任何好的答案，只是找到了所有这些IE的颜色变化

查看这个jQuery插件：

我是从这个网站上了解到这一点的，你可以在他们的“TribWire”侧边栏上看到它的实际应用：

---

@handsofaten:jScrollPane对textarea元素不起作用，因为它会动态地将div元素添加到应用它的元素的内容中。不能将div元素添加到textarea

将包装器元素添加到textarea并将滚动条应用到父级，这是可能的。但是，我不建议这样做，因为当您向textarea添加文本时，它们的内容会增长，而不是textarea本身。你必须对textarea进行黑客攻击，使其随着内容的增长而增长。这可能会导致不稳定的混乱

所以我放弃了这个想法

---

顺便说一下：Webkit（Chrome、Safari）还支持一种专有的CSS滚动条样式：您也可以查看。点击滚动条。。。在名单上。我不知道它是否有效。CSS3在浏览器中还没有得到很好的支持，但有望在将来得到支持。

您可以使用此脚本并获得个性化的文本区域滚动条。

糟糕的是，似乎没有免费的开源替代方案。尽管如此，它仍然有点问题（我测试了演示）。但我想我找不到更好的，所以我会接受你的回答。