自定义 Textarea/texbox 和滚动

Question

我需要自定义一个 HTML 文本区域（放置圆角）并定制他各自的水平滚动条。我搜索了一个 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。

--> Demo

希望对您有所帮助。