Question

例如此类型的输入提交..
windows和android：http://s24.postimg.org/ia239b9ch/Untitled.png

iOS：http://s17.postimg.org/4y4nuc8qz/test.jpg
与iOS上的各种浏览器（Google，Chrome和Safari）相同的结果

<input class="blueSubmit" type="submit" value="test">

<style>
.blueSubmit {
background-color: #64B5F6;
font-weight: bold;
padding: 3px 2%;
border-radius: 5px;
font-size: 110%;
color: #FFFFFF;
text-decoration: none;
border: 0;
}
.blueSubmit:hover, .blueSubmit:focus {
background-color: #1E88E5;
}
</style>

Answer 1

每个浏览器都有自己的默认CSS值。要在iOS中获得相同的外观，请在输入字段的CSS中使用-webkit-appearance: none;。

.blueSubmit {
    background-color: #64B5F6;
    font-weight: bold;
    padding: 3px 2%;
    border-radius: 5px;
    font-size: 110%;
    color: #FFFFFF;
    text-decoration: none;
    border: 0;
    -webkit-appearance: none;
}

应该工作！

iOS设备上的网站风格不同

1 个答案: