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

Пользователь

от jorge , в категории: HTML/CSS , 7 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от sherwood_littel , 7 месяцев назад

@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>


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