输入字段未在Safari中排列

Question

我正试图让这两个输入直接相互内联。以下是我希望它们看起来像以及它们在Chrome中看起来的样子：

http://i.gyazo.com/40d8dc64a6875ff2bf2de58ee6008610.png

然而，这是他们在Safari中的样子：

http://i.gyazo.com/7b832fcb5e99057b60151182fbc4b21a.png

出于某种原因，它们的高度大约是1或2px。

这是我的HTML：

<input type="text" name="email" placeholder="Email Address" /><input type="button" name="button" value="Sign-Up">

这是我的CSS：

input[type="text"] {
    width: 200px;
    height: 30px;
    padding: 10px 20px;
    color: #555459;
    font-size: 18px;
    border: 0;
}

input[type="button"] {
    font: normal;
    margin: 0;
    font-size: 18px;
    padding: 10px 20px;
    cursor: pointer;
    border: 0;
    height: 50px;
}

不知道为什么它会在Safari中关闭像素，感谢所有帮助！

Answer 1

尝试将text的高度更改为50px