所有單選按鈕的正確選擇器Css

Question

這是在CSS中設置單選按鈕的正確方法嗎？

input [type = radio] { 

<!-- Css stuff --> 

} 

Answer 1

您應該刪除空格。它們在CSS中有意義 - 就像「內部的所有元素」一樣。所以，你的選擇器正在執行一個你不想要的額外功能。應該是：input[type="radio"]。

此外，「正確」可以有很多含義。例如，例如，將HTML更改爲<input type="radio" class="radio-btn">然後在您的CSS中使用.radio-btn可能更有意義。

Answer 2

這是正確的。

input[type="radio"] { 

} 

隨着

input[type="radio"]:checked { 

} 

的風格它的選擇的版本。您需要刪除input和[type = radio]之間的空間。

Answer 3

input[type=radio] 
{ 
    /*all styles here applied here*/ 
} 

Answer 4

input[type="radio"] 

不要忘記引號