Изменить размер текста в теге ввода текста?

У меня есть большое поле ввода для текста, но я не могу изменить размер шрифта?

<input type="text">

Я хотел бы изменить размер шрифта внутри текстового поля, но я не могу сделать это с помощью CSS. Любая помощь?

Ответ 1

<input style="font-size:25px;" type="text"/>

Приведенный выше код изменяет размер шрифта до 25 пикселей.

Ответ 2

В вашей таблице стилей CSS попробуйте добавить:

input[type="text"] {
    font-size:25px;
}

См. этот пример jsFiddle

Ответ 3

Javascript для изменения размера шрифта для элемента управления ввода:

input.style.fontSize = "16px";

Ответ 4

Я бы сказал, чтобы настроить изменение размера шрифта в файле стилей CSS.

Я уверен, что вы хотите, чтобы весь текст имел одинаковый размер для всех полей формы. Добавление встроенных стилей в ваш HTML добавит к множеству строк в конце... плюс вам нужно будет добавить его к другим типам полей формы, например <select>.

HTML:

<div id="cForm">
    <form method="post">
        <input type="text" name="name" placeholder="Name" data-required="true">
        <option value="" selected="selected" >Choose Category...</option>
    </form>
</div>

CSS

input, select {
    font-size: 18px;
}

Ответ 5

Чтобы изменить размер шрифта тега <input /> в HTML, используйте следующее:

<input style="font-size:20px" type="text" value="" />

Он создаст текстовое поле ввода, а текст внутри текстового поля будет 20 пикселей.

Ответ 6

Это тоже работает.

<input style="width:300px; height:55px; font-size:50px;" />

CSS-таблица стилей выглядит лучше, и может быть легко использована на нескольких страницах.