javascript - html提交输入上的iOS 7奇怪按钮

Question

我正在为 iOS 构建一个 HTML5 Phonegap 应用程序。这个提交按钮是一个普通的 html 输入提交，如下所示:

<input type="text" autocorrect="off" autocapitalize="off" name="email" placeholder="Email">
<input type="password" name="password" placeholder="Password">
<input class="signin" type="submit" value="Sign in">

  .signin {
        padding: inherit;
        background: #006ad9;
        width: 243px;
        height: 50px;
        border: 0px;
        margin-top: 3px;
        color: #fff;
        font-size: 1.2em;
    }

这是它在 iOS 模拟器上的样子:

即使那些输入文本是四舍五入的，我的 CSS 也没有这样的样式!

为什么会这样？

Answer 1

尝试

input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
}

将其放在 css 的顶部，然后为您的类设置样式