2016-11-23 122 views
-2

如何給CSS樣式單選按鈕,並應在Mac,Safari和Chrome工作太如何給CSS樣式單選按鈕

<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> 
+2

的可能的複製[如何自定義HTML中的單選按鈕(http://stackoverflow.com/questions/26270168/how-to-customize-radio -button-in-html) –

+0

你可以從https://codepen.io/AngelaVelasquez/pen/Eypnq – Aslam

+0

得到一些靈感。我們也不是在這裏爲你編寫代碼。你必須向我們展示你迄今的工作和嘗試,以便我們能夠幫助你。 – Aslam

回答

2

你可以寫本到你的CSS-文件。

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

這是您的無線電選擇器。


注: 這會影響其他無線電設備在您的網站了。如果您使用div或其他標籤包裹收音機併爲該標籤指定特定的id會更好。然後,你可以選擇ID喜歡這裏面的收音機:

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

你沒有回答任何問題。請更具體或刪除您的問題.. –

+0

@MoshFeu他沒有問一個確切的問題。他想給他的收音機添一個風格,那就是他怎麼做到的。 –

+0

很難相信他只是在尋找一個選擇,但也許它只是我.. –