联系表单的Webkit不适用于chrome

Question

这是我的HTML / CSS，用于简单的电子邮件联系表单。它在Mozilla上运行得很好但在Chrome上不起作用。我无法弄清楚我的webkit有什么问题。

这是HTML：

<form action="process.php" method="post" class="text-center">
        <ul class="form-style" style="list-style-type: none;">
            <li>
                <label>Имя:</label>
                <input type="text" name="name" size="30" maxlength="40"></li>
            <li>&nbsp;</li>
            <li>
                <label>Email:</label>
                <input type="text" name="email" size="30" maxlength="40"></li>
            <li>&nbsp;</li>
            <li>
                <label>Заявка:</label>
                <textarea name="message" class="field-long textarea-field"></textarea></li>
            <li><input type="submit" name="submit" value="Отправить"></li>
        </ul>
    </form>

这是CSS：

.form-style {
margin: 0 auto;
max-width: 400px;
padding: 20px 12px 10px 20px;
border: 1px solid green;
}
.form-style li {
padding: 0;
display: block;
margin: 10px 0 0 0;
}
.form-style-1 label {
margin: 0 0 3px 0;
padding: 0px;
display: block;
}
.form-style input[type=text],
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #BEBEBE;
padding: 7px;
margin: 0px;
outline: none;
}
.form-style .field-textarea {
height: 100px;
}
.form-style .field-long {
width: 100%;
}
.form-style input[type=submit],
.form-style input[type=button] {
background: #69B47C;
padding: 8px 15px 8px 15px;
border: none;
color: #fff;
}
.form-style input[type=submit]:hover,
.form-style input[type=button]:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #36603E;
}

我尝试将块属性应用于CSS属性，但它没有用完。正如您所看到的，我还将我的webkit放在其他属性之前，但没有任何改变。

Mozilla

Chrome