Образец формы: я

* {font:13px arial; color:white;}
body {background:black;}
label {display:inline-block; width:50px;}
input, textarea {margin:0; border:1px solid red; padding:0; background:green;}
textarea {width:300px; height:100px;}




Name
Email
URL

Я хотел бы удалить / скрыть полосу прокрутки текстовой области, как это нене соответствует моему стилю формы. Я знаю, что могу использовать плагины jQuery для стилизации полосы прокрутки, но они ненадежно работает в разных браузерах / системах. Чтобы скрыть полосу прокрутки я могу использоватьtextarea {width:300px; height:100px; overflow:hidden;}, но это полностью останавливает прокрутку Firefox через мышь и клавиатуру. Я также попробовал следующий обходной путь:

#parent {width:284px; height:102px; overflow:hidden;}
textarea {width:300px; height:100px; overflow-x:hidden; overflow-y:scroll;}

Это должно работать точно, если я добавлю какой-нибудь скрипт для вычисления ширины родительского деления:

var textareaWidth = document.getElementById('entry_3').scrollWidth;
document.getElementById('parent').style.width = textareaWidth + 'px';

Но так или иначе, вышеупомянутый подход неКажется, что работает в Chrome / Safari.

Демо-версия:http://jsfiddle.net/RainLover/snTaP/

Откройте приведенную выше демонстрацию в Chrome / Safari >> вставить текст в текстовое поле >> выделите / выберите линию и перетащите указатель мыши вправо, и выувидим полосу прокрутки. Или используйте клавиши клавиатурыPage Up а также .Page Down

Есть исправления или другие решения?