如何设置textarea的滚动条样式

时间:2010-09-18 16:10:09

标签: javascript html css textarea scrollbar

我有一个用css设计的联系表单中的textarea,它看起来很棒,直到我写的区域超出了区域的能力,当我这样做时会出现一个滚动条,这个滚动条看起来很可怕我的黑色造型(它是黑色与白色文本)。那么我该如何设计呢?我已经搜索了一些,但没有找到任何好的答案,只是发现所有这些IE只有颜色的变化。

4 个答案:

答案 0 :(得分:3)

@handsofaten:jScrollPane不适用于textarea元素,因为它会动态地将div元素添加到您应用它的元素的内容中。您不能将div元素添加到textarea。

可以通过向textarea添加包装元素并将滚动条应用于该父级来实现。但是,我不建议这样做,因为当你向textarea添加文本时,它们的内容会增长,而不是textarea本身。你必须对textarea应用一个hack,以便它随着内容的增长而增长。这可能导致不稳定的混乱。

所以我放弃了这个想法。

顺便说一句:Webkit(Chrome,Safari)也支持专有的CSS样式滚动条方式:http://webkit.org/blog/363/styling-scrollbars/

答案 1 :(得分:1)

查看这个jQuery插件: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

我是从这个网站了解到的,你可以在他们的“TribWire”侧边栏上看到它: http://www.texastribune.org/

答案 2 :(得分:0)

您还可以查看http://www.css3.com。单击列表中的SCROLLBAR ....如果它能够工作,我不知道。 CSS3在浏览器中尚未得到很好的支持,但希望将来能够使用。

答案 3 :(得分:0)

您可以使用此脚本http://studio.radube.com/html-textarea-custom-scrollbar并获取个性化的textarea滚动条。