Как стилизовать button под высоту input?

@jorge 

Если вы хотите сделать кнопку такой же высоты, как и input, можно использовать свойство CSS height для задания высоты элементов.

Для того, чтобы кнопка и поле ввода имели одинаковую высоту, нужно задать им одинаковое значение свойства height. Например, если у вас есть input с высотой 30px, то для стилизации кнопки можно задать следующий CSS код:

1
2
3

button {
  height: 30px;
}

Если у вас много элементов, которым нужно задать одинаковую высоту, вы можете использовать классы CSS. Например:

1
2
3
4
5
6
7

.input {
  height: 30px;
}

.button {
  height: 30px;
}

Затем в HTML вы можете добавить классы к элементам, которые нужно стилизовать:

1
2

<input type="text" class="input">
<button class="button">Отправить</button>

Таким образом, ваши элементы будут иметь одинаковую высоту, что поможет создать более сбалансированный и профессиональный вид веб-страницы.

@jorge 

Для стилизации кнопки под высоту input вы можете использовать CSS свойство height с тем же значением, что и у input. Например:

1
2
3
4
5
6
7

input {
  height: 30px;
}

button {
  height: 30px;
}

В данном примере вы задаете высоту input и button равной 30 пикселям. Если вы хотите применить это к определенным элементам, вы можете использовать классы или идентификаторы:

1
2
3
4
5
6
7

.my-input {
  height: 30px;
}

.my-button {
  height: 30px;
}

И в HTML добавьте соответствующие классы к элементам:

1
2

<input type="text" class="my-input">
<button class="my-button">Отправить</button>

Таким образом, кнопка будет иметь такую же высоту, как и input.