Как придать стиль CSS для кнопки радио

Question

как дать стиль CSS для кнопки радио, и должны работать на Mac, Safari и Chrome тоже

<form action=""> 
    <input type="radio" name="gender" value="male"> Male<br> 
    <input type="radio" name="gender" value="female"> Female<br> 
    <input type="radio" name="gender" value="other"> Other 
    </form> 

Answer 1

Вы могли бы написать это в вашем CSS-файл.

input[type="radio"] { 
    ... your declarations here ... 
} 

Это селектор для ваших радиостанций.

---

Примечание: Это будет влиять на другие радиостанции на вашем сайте тоже. Было бы лучше, если бы вы обернули свои радиостанции div или другими тегами и указали тег на определенный номер id. Затем вы можете выбрать радио внутри ИО, как это:

#yourDivId input[type="radio"] { 
    ... your declarations here ... 
}