Question

我正在尝试使用下面的CSS在自举式多选复选框列表上的复选框与其标签之间添加20px的空间，但不幸的是，它没有得到应用。

HTML

<body>
    <select size="5" name="lstStates" multiple="multiple" id="lstStates">
        <option value="NJ">New Jersey</option>
        <option value="NY">New York</option>
        <option value="OH">Ohio</option>
        <option value="TX">Texas</option>
        <option value="PA">Pennsylvania</option>
      <option value="GG">asdfa</option>
      <option value="AW">jghjh</option>
      <option value="AE">qwer</option>
    </select>   
</body>

CSS

multiselect-container label input {
    margin-right: 20px;
}

JQUERY

$(function () { 
    $('#lstStates').multiselect({ 


    });
});

FIDDLE

Answer 1

multiselect-container是一个类，因此您的CSS应该是

.multiselect-container label input {
  margin-right: 20px;
}

Answer 2

您可以这样做：

.multiselect-container > li > a > label > input[type="checkbox"] {
    margin-right: 20px;
}

DEMO HERE

Answer 3

将以下CSS添加到您的CSS中，它应该可以正常工作

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-right: 20px;
}

如何在引导程序多选复选框及其标签之间添加空格

3 个答案: