У меня есть большой поле ввода для текста, но я не могу изменить размер шрифта?Изменить размер текста в теге ввода текста?
<input type="text">
Я хотел бы изменить размер шрифта в текстовом поле, но я не могу сделать это с помощью CSS. Любая помощь?
У меня есть большой поле ввода для текста, но я не могу изменить размер шрифта?Изменить размер текста в теге ввода текста?
<input type="text">
Я хотел бы изменить размер шрифта в текстовом поле, но я не могу сделать это с помощью CSS. Любая помощь?
<input style="font-size:25px;" type="text"/>
Приведенный выше код изменяет размер шрифта на 25 пикселей.
Добавление встроенных стилей - плохая практика. Вы должны использовать метод css, указанный ниже в @jacktherpir. – frontendzzzguy
Он показывает соответствующий код. – nullpotent
В вашем CSS стилей, попробуйте добавить:
input[type="text"] {
font-size:25px;
}
Смотрите эту jsFiddle example
Эй, спасибо, я попробовал «font-size: 25px;» на идентификаторе, который у меня был для ввода, но это не сработало. С другой стороны, это помогает. –
Нет проблем, рад помочь – jacktheripper
плюс один, для того, чтобы не использовать встроенный стиль в элементе html – Careen
Это работает тоже.
<input style="width:300px; height:55px; font-size:50px;" />
Таблицы стилей CSS выглядят лучше и могут быть легко использованы на нескольких страницах.
Добавление встроенных стилей - плохая практика. Вы должны использовать метод, указанный в @jacktheripper выше. –
Javascript, чтобы изменить размер шрифта для элемента управления вводом является:
input.style.fontSize = "16px";
Чтобы изменить размер шрифта <input />
тега в HTML, используйте:
<input style="font-size:20px" type="text" value="" />
Это создаст текст поле ввода, а текст внутри текстового поля будет 20 пикселей.
Примечание редактора: Пожалуйста, исправьте свой ответ, формат и данные отсутствуют. В противном случае этот ответ обязательно удаляется редакторами SO. –
Добавление встроенных стилей - плохая практика.Вы должны использовать метод, указанный в @jacktheripper выше. –
Я бы сказал, чтобы настроить изменение размера шрифта в файле стилей 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;
}
В случае, цель состоит в том, чтобы иметь такой же размер, как и во внешнем тексте, см [Почему