我如何设计textarea的滚动条

我有一个使用css样式的联系表单中的textarea，它看起来很棒，直到我写入的区域可以适合，当我这样做时滚动条出现，滚动条看起来很可怕，我的黑色造型（黑色和白色文字）。那么我将如何去设计这个风格呢？我搜索了一些，但没有找到任何好的答案，只是发现所有这些IE浏览器只有颜色的变化。我如何设计textarea的滚动条

来源

2010-09-18 Hultner

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

来源

2010-10-05 23:32:49 randall

糟糕的是似乎没有一个免费的开源替代品。虽然这项工作仍然是一个小错误（我测试了演示）。但我想我不会找到更好的，所以我会接受你的答案。 – Hultner 2010-11-07 15:34:28

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

我知道了，就从这个网站，在那里你可以看到它在行动上他们的 “TribWire” 侧边栏： http://www.texastribune.org/

来源

2010-09-18 16:16:09 bjudson

@handsofaten：JScrollPane中没有按对textarea元素不起作用，因为它会动态地将div元素添加到您应用它的元素的内容中。您不能将div元素添加到textarea。

通过在textarea中添加一个包装元素并将滚动条应用到该父项，这将成为可能。然而，我不会推荐这么做，因为当你将文本添加到textarea时，它们的内容会增加，而不是textarea本身。你必须对textarea进行破解，以使其随内容增长。这可能会导致混乱不稳定。

所以我会让这个想法去。

顺便说一句：Webkit的（铬，Safari浏览器），还支持滚动条造型的专利CSS的方法：http://webkit.org/blog/363/styling-scrollbars/

来源

2010-09-18 17:17:41 Blaise

+1这些都是一些好点 – bjudson 2010-09-18 17:59:30

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

来源

2010-09-19 16:08:28 matsolof

我如何设计textarea的滚动条

回答

相关问题