<分区>
html - iPhone 上奇怪的 CSS 渲染
我有一个简单的 CSS 样式按钮:<input class="button" type="submit" value="Join">
...
.header__form-submit .button {
background: #3371E3;
border-radius: 0 5px 5px 0;
}
...
@media screen and (max-width: 767px) {
...
.header__form-submit .button {
width: 100%;
border-radius: 5px;
}
}
它在桌面、任何浏览器和 Chrome 中的移动预览中呈现良好。但是，当我在 iPhone 上打开它时，按钮有圆 Angular 。
Chrome 预览:
iPhone Chrome 或 Safari:
为什么会这样？造型有没有问题<input />在 iOS 上？
谢谢
最佳答案
禁用默认操作系统样式
webkit-appearance: none;
编辑:将此添加到您的 css
input {
-webkit-border-radius:0;
border-radius:0;
以及上面的行。
关于html - iPhone 上奇怪的 CSS 渲染，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49835127/