Я пишу стиль для формы подписки.Это хорошо выглядит в Firefox.Но стиль не похож на оперу.Как это исправить?

Question

Мой код работает в Firefox, но плохо выглядит в Opera.

высота ввода / текста и ввода / отправки аналогична в Firefox, но в опере высота ввода / отправки уменьшается.

это HTML-код

<footer>
<div class="subsceibe">
    <h3>Get Notefied</h3>
    <br>
    <form method="post">
      <input type="email" name="email" placeholder="Enter E-Mail"><input type="submit" name="submit" value="Subscribe">
    </form>
  </div>
  </footer>

это код CSS

footer .subsceibe form input { border: 1px solid; padding: 6px 10px; outline: none; }

footer .subsceibe form input:last-child { color: #001001; background: #00A240; border: 1px solid #00A240; padding: 5px 10px; text-transform: uppercase; font-weight: bold; }

footer .subsceibe form input:last-child:hover { color: #00A240; background: #001001; }

Answer 1

Отметьте ручка

 .input {
     height: 28px;
     box-sizing: border-box;
 }

Дайте конкретную высоту для обоих входов. Я добавил вышеуказанные свойства и нашел их одинаковыми в обоих браузерах.

Answer 2

Попробуйте добавить параметр height в css.

Например: height: 20px; line-height: 20px;