CSS Padding Issue с ​​кнопкой отправки

Question

Это глупая проблема, но я не могу правильно установить отступ для кнопки отправки. Неважно, что я ввожу для заполнения, ширина и высота кнопки никогда не меняются. Вот CSS:

.green_submit {
color: #fff;
background-color: #94c909;
border-right: 1px solid #6d9307;
border-bottom: 1px solid #6d9307;
border-left: none;
border-top: none;
padding: 25px;
}

И HTML:

<input type="submit" class='green_submit' value="Validate" />

Есть ли здесь очевидные проблемы? Как я могу манипулировать отступом на кнопке отправки?

Answer 1

Попробуйте элемент <button>, он позволяет улучшить стилизацию. Также это может быть связано с тем, что элемент input является встроенным элементом. Добавление дисплея: встроенный блок; может также помочь.