css - "webkit-appearance: checkbox"在 iOS 中工作不正常

标签 css checkbox radio-button

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

那么如何解决这个问题呢?有什么想法吗?

最佳答案

-webkit-appearance: checkbox; 下,放置 -webkit-border-radius: 5px;(或者任何其他你想要的 Angular 的大小).

关于css - "webkit-appearance: checkbox"在 iOS 中工作不正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14192859/

相关文章:

javascript - 单击后防止检查的单选按钮

html - 导航链接上的箭头指针更改 onclick

css - 如何固定div的大小?

c# - 在回传中保留单选/复选框值?

Javascript appendChild 名称属性

android - 在单选组 android 中再次检查单选按钮

javascript - 如何在按钮点击时切换元素并在外部点击时关闭?

html - Mailchimp:表格列的高度不同。我怎样才能让它们都一样?

android - 如何将复选框添加到 Material 抽屉导航?

javascript - 单选按钮验证