定義CSS樣式單輸入ID，而不是輸入[類型=複選框]

這是我的複選框定義CSS樣式單輸入ID，而不是輸入[類型=複選框]

<input type="checkbox" name="MyName[]" value="A1" id="A1"/> 
<label for="Filter"></label> 
<input type="checkbox" name="MyName[]" value="A2" id="A2"/> 
<label for="Filter"></label>

這是我的風格

input[type=checkbox] {..} 
input[type=checkbox] + label {background:'image-1'} 
input[type=checkbox]:checked + label {background:'image-2'}

我需要的款式與每個複選框不同的選中和未選中的圖像。

我想在我的CSS中引用ID而不是input[type=checkbox]。

如何做到這一點？

來源

2013-08-03 user2635574

input#A1 
input#A2 
input#A1:checked 
input#A2:checked

但是，如果您不需要，您不需要指定標記名稱（input）。但它可以是有用的，但！（特別是帶班）

閱讀有關docs中（ID-）選擇器的更多信息。

來源

2013-08-03 19:38:05

我選擇了這個答案因爲第一個來。我測試過，它的工作原理。 – user2635574

隨着id選擇：#

input#A1 {background:url('image-1.jpg');} 
input#A1:checked {background:url('image-1-checked.jpg');} 
input#A2 {background:url('image-2.jpg');}

來源

2013-08-03 19:38:07 theftprevention

爲

<input type="checkbox" name="MyName[]" value="A1" id="A1"/>

這將是

input[name=MyName[]] {..}

，以滿足您的需求

來源

2013-08-03 19:45:11

好的，我也會檢查一下。然後我會評分。 – user2635574

定義CSS樣式單輸入ID，而不是輸入[類型=複選框]

回答

相關問題