CSS для удаления отступов (поля?) В кнопке отправки

Question

Я пытался удалить отступ (поле?) Из кнопки отправки (формы отправки) и применить шрифт, цвет и т. Д., Но не удалось заставить код работать в форма сайта .

input[type=submit] {
  color: red;
  font-family: "Open Sans Condensed";
  font-size: 18pt;
  font-weight: bold;
  background-color: #595959;
  padding: 0;
  border: none;
  border-radius: 0;
}

Какая часть кода CSS отсутствует?

Answer 1

Это потому, что кнопка отправки, которую вы пытаетесь настроить, на самом деле не является input. Это просто <button> внутри деления.

Попробуйте указать целевой элемент:

.form-actions {
    color: red;
    font-family: "Open Sans Condensed";
    font-size: 18pt;
    font-weight: bold;
    background-color: #595959;
    padding: 0;
    border: none;
    border-radius: 0;
}

Answer 2

.form-actions {
    padding: 19px 20px 20px; // Here is your problem
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #aea790;
    border-top: 1px solid #e5e5e5;
}

Заполнение происходит из div формы-действия (контейнера кнопок), а не из ввода.