自定义Textarea /文本框和滚动

Question

我需要自定义HTML textarea（放置圆角）并对其各自的水平滚动条进行成本化。我搜索了一个js / jquery插件，但我找到的最接近的是： http://jscrollpane.kelvinluck.com/

但是这个不适用于textareas，只适用于Div元素。

Answer 1

看起来这可能是一个错误。
但是有一种解决方法。

解决方法

如果它适用于<div>，那么为什么不将<div>用作<textarea>？

<div id="textarea_1" contentEditable="true"><p>Blah</p></div>

<script>
     var ele=$("div#textarea_1")[0]; //Make it a textarea-like when it is a <div>
     if('contentEditable' in ele){
         ele.contentEditable=true;   //Turn it on
     }else if('designMode' in ele){
         ele.designMode="on";        //For older Firefox versions
     }

    var value=$("div#textarea_1>p").html();
    console.log(value)  //The value is here
    //please look at the demo below for more...
</script>

自己查看： Working demo 1 （包括圆角，适用于所有流行的浏览器）

更好的插件？

就我个人而言，我认为 this one 也可以很好地自定义滚动条。
它允许您在其上应用CSS样式。

自己查看： demo 2

CSS3也许？

也许是时候使用CSS3了 阅读更多 here 。

- ＆GT;的 Demo

希望这会帮助你。