css - “webkit-appearance：复选框”在 iOS 中无法正常工作

Question

我使用属性来设置单选按钮的样式，使其看起来像复选框。它在 chrome、firefox、window 上的 safari 上成功运行。但是在iOS上的Safari中打开网页时存在问题。问题是它仍然显示为复选框，但它们的形状像 radiobutton 一样是圆形的。这意味着当您单击它时，它仍会显示一个刻度，但包含刻度的是一个圆圈，而不是一个正方形。

那么如何解决这个问题呢？任何想法？

Answer 1

下面-webkit-appearance: checkbox;，放 -webkit-border-radius: 5px;（或您想要的任何其他尺寸的角）。