iOS 设备上的网站风格不同

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-values。要在 iOS 中获得相同的外观，请在 input-field.

的 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 设备上的网站风格不同

The style of website is different on iOS devices

html

css

frontend