ラジオボタンがChromeでひどく表示される

Question

私のウェブサイトのカートページで、ラジオボタンがChromeでひどく表示されます。 もしFirefoxがうまく見えたら。 Firefoxと同じようにChromeを表示する必要があります。

私はこれを試してみました（ただし、動作していない）：

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

あなたが製品を追加し、カートページhereを表示することができます。

私が何を意味するかを見るためにキャプチャを見てください。

Answer 1

一般的に、あなたは入力の上が、ラベル自体の上に疑似クラスを配置する必要はありません。それにもかかわらず、私はあなたがここに表示インラインを持っていることに気づい：

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

はインラインブロックにあることを変更してみてください。