单选按钮在Chrome中显示不正常

Question

在我网站的购物车页面中，单选按钮在Chrome中显示不正常。 如果firefox看起来很好。我需要Chrome将其显示为Firefox。

我试过了（但没有用）：

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

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

看一下捕捉，看看我的意思。

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

尝试将其更改为内联块。