Я пробовал атрибут размера и ширину отдельно и отдельно. Но это не сработает. Я хочу ввода и textarea разных размеров. Вот мои фрагменты.Невозможно настроить размер поля ввода
CSS:
input, textarea{
margin-left: 12px;
font-family: segoe ui;
width: 200;
}
HTML:
<input name="mail" type="email" class="form-control" id="usrMail" size="20"/>
<textarea name="comment" class="form-control" rows="5" id="comment"></textarea>
Если вы используете bootstrap т ake посмотреть на bootstrap forms sizing.
Входной Калибровка в формах:
Набор высоты входных элементов с использованием классов, как .input-lg и .input-sm.
Установите ширину элементов, используя классы столбцов сетки, такие как .col-lg-* и .col-sm-*.
Спасибо :) это сработало. –
input, textarea {
margin-left: 12px;
font-family: 'segoe ui';
}
input {
width: 200px;
}
textarea {
width: 300px;
}<input name="mail" type="email" class="form-control" id="usrMail" size="20"/>
<br />
<br />
<textarea name="comment" class="form-control" rows="5" id="comment"></textarea>Не получилось. –
Нажмите «Выполнить фрагмент кода», и вы увидите разный размер полей ввода. –
сделать ваш CSS правильно. Используйте 'точек' (200px) для ширины вместо использования 200.
input, textarea{
\t margin-left: 12px;
\t font-family: segoe ui;
\t width: 200px;
\t /* Put your other CSS here */
}<input name="mail" type="email" class="form-control" id="usrMail" size="20"/>
<br /><br />
<textarea name="comment" class="form-control" rows="5" id="comment"></textarea>Nopes. Не получилось. –
Могу ли я просмотреть код/страницу? Это онлайн.? – user2584538
вы используете загрузчик? Опасайтесь, что у вас есть ошибка .. она должна быть 'width: 200px' –
_" Я хочу ввода и текстовое поле разных размеров "_ - тогда не устанавливайте их обоих на 200px – Turnip
@Sexy Репа: Это был один из моих попыток. Прочтите исходный контент правильно. –