我现在正在为我的第一个项目使用基础,我真的很喜欢它提供的开箱即用的功能,但是我的自定义收音机盒子有问题。
这个想法不仅是在单选按钮标签内包含文本,而且还有图像和一些粗体文本。一旦我开始在标签内使用img或粗体标签,通过标签文本的单选按钮选择就会被破坏。
我正在使用的代码是这个
<label for="radio2">
<img src="img/nho_musicians_flute.png">
<input name="radio2" type="radio" id="radio2" style="display:none;" CHECKED>
<span class="custom radio checked"></span>
<b>Radio</b> Button 1
</label>
有了这个,只能通过直接单击来选择一个单选框,单击文本或图像会导致选择不稳定,似乎基础 JS 选择器没有考虑标签内的额外标签。
有没有办法让这个工作与基础一起工作,还是我必须求助于解决方法(使整个文本加粗并将图像放在标签之外)?