自定义文本区域/文本框和滚动

Question

我需要自定义一个 HTML 文本区域（放置圆角）并自定义其各自的水平滚动条。我搜索过 js/jquery 插件，但我发现的最接近的是： http://jscrollpane.kelvinluck.com/

但这不适用于文本区域，仅适用于 Div 元素。

Answer 1

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

解决方法

如果它适用于

，那么为什么不使用

作为 </code> ？

<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>

亲自查看：工作演示 1 （包括圆角，适用于所有流行的浏览器）

更好的插件？

就我个人而言，我认为这个也有效擅长自定义滚动条。
它允许您在其上应用 CSS 样式。

亲自查看：演示 2

CSS3或许？

也许是时候使用CSS3了。
了解更多此处。

--> 演示

希望这对您有帮助。