Пользовательский текстовое поле / текстовое поле и прокрутка

Question

Мне нужно настроить текстовое поле HTML (поставить круглые углы) и оценить его соответствующую горизонтальную полосу прокрутки. Я ищу плагин js / jquery, но самое близкое, что я нашел, было это: http://jscrollpane.kelvinluck.com/

но этот не работает для текстовых областей, только для элементов 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>

Убедитесь сами: Рабочая демонстрация 1 (включает в себя закругленные углы, работает во всех популярных браузерах)

Лучший плагин?

Лично я думаю этот также хорошо работает при настройке полос прокрутки.
Позволяет применять к нему стиль CSS.

Убедитесь сами: демо 2

CSS3 Может быть?

Может быть, пришло время использовать CSS3.
Подробнее здесь .

-> Демо

Надеюсь, это поможет вам.