iOS 7怪异按钮上的html提交输入

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 similator上的样子:

即使那些输入文本是圆形的,我的CSS也没有这样的风格!

为什么会这样？

Answer 1

尝试

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

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