Как изменить размер input в css?

@raina 

Чтобы изменить размер input в CSS, вы можете использовать свойство width. Например:

1
2
3

input {
  width: 300px; /* ширина input равна 300 пикселей */
}

Если вы хотите изменить только высоту input, вы можете использовать свойство height:

1
2
3

input {
  height: 50px; /* высота input равна 50 пикселей */
}

Вы также можете использовать свойство box-sizing, чтобы включить в размер input отступы и границы:

1
2
3
4
5

input {
  box-sizing: border-box;
  width: 300px;
  height: 50px;
}

Обратите внимание, что размеры input могут быть также заданы с помощью атрибутов style в HTML:

1

<input type="text" style="width: 300px; height: 50px;">

Оба способа могут быть использованы вместе, но стили, заданные в CSS, имеют более высокий приоритет.

@raina 

Для изменения размера поля ввода input в CSS можно использовать свойство width и height. Например:

1
2
3
4

input {
  width: 200px;
  height: 30px;
}

Этот код установит ширину поля ввода 200 пикселей и высоту - 30 пикселей.

Также можно использовать свойство font-size для изменения размера текста внутри поля ввода, что также повлияет на его размер:

1
2
3
4
5

input {
  width: 200px;
  height: 30px;
  font-size: 18px;
}

Этот код установит размер текста внутри поля ввода 18 пикселей.