相关疑难解决方法(0)

如果我有一个带按钮的广播组:

...如何在选择选项中仅显示图像而不是按钮,例如

我正在使用Bootstrap,它是水平形式的演示:

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="inputEmail1" class="col-lg-2 control-label">Email</label>
    <div class="col-lg-10">
      <input type="email" class="form-control" id="inputEmail1">
    </div>
  </div>
</form>

但是我不想为每个创建ID <input>,所以

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="block">
      <span class="col-lg-2 control-label">Email</span>
      <div class="col-lg-10">
        <input type="email" class="form-control">
      </div>
    </label>
  </div>
</form>

但display:block不能在里面display:inline,所以我用CSS

.block {
  display: block;
}

它工作正常,但它是否正确？因为我听说我们不应该将display:block元素放入display:inline元素(label)