Стиль ввода текста как встроенный элемент (только для Webkit)

Question

Я занимаюсь разработкой javascript-приложения webkit и пытаюсь найти способ стилизовать ввод текста, как если бы это был встроенный интервал.Хитрость заключается в том, что ширина становится равной текстовому значению ввода.Пробовал с использованием внешнего вида webkit, не повезло.

Answer 1

Было бы разумно использовать элемент span и установить contenteditable=true.Вы все еще можете назначить содержимое для скрытого значения элемента ввода с помощью javascript.

«span» может быть стилизован как встроенное поле ввода.Я думаю о границе с закругленными углами.

Демонстрация contenteditable: http://html5demos.com/contenteditable

Answer 2

Для этого вам придется использовать JavaScript. Пример здесь: http://jsfiddle.net/NMMhs/

Код ниже:

$("input").keyup(function(){
   $(this).attr("size",$(this).val().length);
});