Question

任何人都知道如何在标记的单选按钮中添加活动状态吗？

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样式来使所选择的广播标签具有＆＃34;活动＆＃34; /＆＃34;选择＆＃34;你在菜单等中的状态？

就像这样：http://i.cubeupload.com/xURJ8M.jpg

Answer 1

而不是“检查”尝试：

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

Answer 2

对于css样式，您可以使用：checked pseudo class。

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

查看这个小提琴 - http://jsfiddle.net/K2Kgf/

Answer 3

HTML：

<input type="radio"/>
<label></label>

CSS：

input[type="radio"]:checked + label {
}

标记的单选按钮上的“活动”状态？

3 个答案: