jquery - 如何在 Bootstrap 多选复选框及其标签之间添加空格

标签 jquery html css twitter-bootstrap

我正在尝试使用以下 CSS 在 Bootstrap 多选复选框列表中的复选框及其标签之间添加 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

最佳答案

multiselect-container 是一个类,所以你的 CSS 应该是

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

关于jquery - 如何在 Bootstrap 多选复选框及其标签之间添加空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53702908/

相关文章:

javascript - 从 JSON 中的数组中删除列名

javascript - 如何在 jquery(移动)中刷新 DIV?

javascript - 禁用除 DIV 元素之外的所有元素

php - AJAX 提交的结果未显示

html - 无法使用第 nth-child 来分隔标签中的 li

php - 如何创建带有 ID 的子页面

javascript - 将文本值匹配/分配给属性

javascript - 如何在不重新绘制的情况下更新 Highcharts 中的条形图

javascript - 如何使用 JQ 删除/重置外部 css 样式?

javascript - 更改样式类的内容