我为订阅表单编写样式。它在 Firefox 中看起来不错。但是歌剧的风格看起来并不相似。如何解决？

Question

我的代码在 Firefox 中工作，但在 Opera 中看起来不太好。

the height of input/text and input/submit is similar in firefox but in opera the input/submit height is reduced.

这是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

尝试将 height 参数添加到 css。

例如：height: 20px; line-height: 20px;

Answer 2

勾选这个pen

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

为两个输入指定特定的高度。 我添加了以上属性，发现它在两个浏览器中显示相同。