是否有可能使用其他任何HTML元素作为复选框的标签。我想为引导程序list-group-item设置与我的复选框标签相同的功能。



<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<body>

  <ul class="list-group">
    <li class="list-group-item">
      <div class="checkbox">
        <label style="width: 100%;">
                <input type="checkbox" id="cb.1.0" value="1.0">Answer
            </label>
      </div>
    </li>
  </ul>

</body>





我的次优解决方法是将标签宽度设置为100%,但是我想对于这个简单的问题必须有更好的解决方案

最佳答案

我认为,在不破坏语义的情况下,您唯一的选择就是简化并进行一些组合:



<ul class="list-group">
  <li class="list-group-item">
    <label class="checkbox" style="width: 100%;">
      <input type="checkbox" id="cb.1.0" value="1.0">Answer
    </label>
  </li>
</ul>





就是这样。您不能将另一个元素用作标签,并且使用标签代替li也不是语义。

关于javascript - 使用其他任何元素作为复选框的标签,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43456465/

10-12 00:04
查看更多