Горизонтально расширения HTML поля ввода

У меня есть поле ввода:Горизонтально расширения HTML поля ввода

<input type="text" id="TextField" />

и установить его размер:

#TextField { 
    resize: horizontal; 
}

Но это не меняет размер.

Как можно изменить размер текстового поля по горизонтали (не вертикально), когда текст приближается к концу (справа) текстового поля? Или есть ли какие-либо встроенные способы для этого (возможно, что-то использовать в CSS)?

источник

2013-02-18 Tommy

Какой браузер вы используете? Никакие версии IE не поддерживают это свойство. – markle976

для этого вам понадобится javascript. – jzm

Я использую Internet Explorer 10. Я знаю, что могу добиться этого с помощью JavaScript, @rudeovskizebear - но мой вопрос в том, как? – Tommy

Вам нужно будет рассчитать ширину окна в зависимости от ширины текста. Вот вопрос simalar, который может помочь. Calculate text width with JavaScript

источник

2013-02-18 02:18:11 markle976

спасибо @ markle976. – Tommy

Добро пожаловать @jAsOn. Рад помочь. – markle976

BTW есть плагин, который может помочь вам достичь того, что вы ищете Resize INput box

источник

2013-02-18 02:22:10 Shail

Спасибо, Шейл, это хорошая новость, я проверю это сейчас. – Tommy

Горизонтально расширения HTML поля ввода

ответ

Смежные вопросы