帶標籤的無線電按鈕上的「有效」狀態？

任何人都知道如何將活動狀態添加到帶標籤的單選按鈕？帶標籤的無線電按鈕上的「有效」狀態？

HTML：

<label class="blacksize" for="XS"> 
      <input type="radio" name="comment" value="XS" size="50" required checked>XS<br> 
     </label> 
     <label class="blacksize"> 
      <input type="radio" name="comment" value="Small" size="50" required>S<br> 
     </label> 
     <label class="blacksize"> 
      <input type="radio" name="comment" value="Medium" size="50" required>M<br> 
     </label> 
     <label class="blacksize"> 
      <input type="radio" name="comment" value="Large" size="50" required>L<br> 
     </label> 
     <label class="blacksize"> 
      <input type="radio" name="comment" value="XL" size="50" required>XL<br> 
     </label> 
     <label class="blacksize"> 
      <input type="radio" name="comment" value="XXL" size="50" required>XXL<br> 
     </label>

哪個CSS造型我可以使用，使所選擇的無線電的標籤有「活動」 /「選擇」的狀態，你在菜單等有哪些？

這樣的：而不是http://i.cubeupload.com/xURJ8M.jpg

來源

2014-01-23 user3228988

的可能重複[CSS - 如何風格選定單選按鈕標籤（http://stackoverflow.com/questions/4641752/css-how-to -style-a-selected-radio-buttons-label） – Gorgsenegger

「選中」嘗試：

<input type="radio" name="comment" value="XS" size="50" required checked="checked">

來源

2014-01-23 19:35:49

事情是，我想讓樣式「標籤」，因爲我已將單選按鈕設置爲「常規」按鈕.. http://i.cubeupload.com/xURJ8M.jpg像那樣... – user3228988

對於你可以使用CSS樣式：檢查僞類。

input[type=radio]:checked { 
    box-shadow:red 0px 0px 0px 5px; 
}

看看這個小提琴 - http://jsfiddle.net/K2Kgf/

來源

2014-01-23 19:43:42

帶標籤的無線電按鈕上的「有效」狀態？

回答

相關問題