单选按钮在 Chrome 中显示不好答案

【问题标题】：Radio buttons are shown badly in Chrome单选按钮在 Chrome 中显示不好
【发布时间】：2017-11-09 23:34:57
【问题描述】：

在我网站的购物车页面中，单选按钮在 Chrome 中显示不佳。 如果 Firefox 看起来不错。我需要 Chrome 来显示它们，就像 Firefox 一样。

我试过这个（但没有用）：

input, textarea, button {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    resize: none;
}
input[type="radio"]{
    -webkit-appearance: radio;
}

您可以添加产品并查看购物车页面here。

查看捕获以了解我的意思。

【问题讨论】：

我无法通过提供的标记重现问题。
@Pete 你是对的。谢谢
@JPashs 小提示 - 右键单击，检查元素。告诉您应用于您检查的元素的所有样式，然后您可以看到覆盖您期望的任何样式的样式

标签： css cross-browser

【解决方案1】：

通常，您不想将伪类放在输入上，而是放在标签本身上。尽管如此，我注意到你在这里有一个显示内联：

input[type='checkbox'],
input[type='radio'] {
  display: inline;
  margin-right: 10px;
  font-size: 16px;
}

尝试将其更改为 inline-block。

【讨论】：