Css 单选按钮在Chrome中显示不好

在我网站的购物车页面中，单选按钮在Chrome中显示得很糟糕如果firefox看起来很好。我需要Chrome来显示它们，就像firefox一样

我试过这个（但不起作用）：

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

看看这张照片，看看我的意思

---

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

input[type='checkbox']，
输入[type='radio']{
显示：内联；
右边距：10px；
字体大小：16px；
}

可能与

有关-webkit外观：无

设置为

input[type=radio]，在forms.css中输入[type=checkbox]

，它将覆盖您的

-webkit外观：radio关闭该选项，它看起来像一个收音机，我无法用提供的标记重现问题。@Pete你是对的。Thanks@JPashs小提示-右键单击，检查图元。告诉您应用于您检查的图元的所有样式，然后您可以看到哪些样式覆盖了您希望存在的任何样式
input, textarea, button {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    resize: none;
}
input[type="radio"]{
    -webkit-appearance: radio;
}