通過值的CSS

Question

目標單選按鈕我有一些HTML等：

<input type="radio" value="red" id="color" name="attribute_color"> 
<input type="radio" value="blue" id="color" name="attribute_color"> 
<input type="radio" value="green" id="color" name="attribute_color"> 

如何可以針對不添加任何ID或類中的不同的輸入？我能以價值爲目標嗎？

Answer 1

是的，你可以定義你的CSS規則，如下所示：

input[value="red"] { 
    /* style for red radio */ 
} 

input[value="green"] { 
    /* style for green radio */ 
} 

input[value="blue"] { 
    /* style for blue radio */ 
} 

屬性選擇適用於所有瀏覽器和IE7 +