从 Bootstrap-Select 中删除 open/close 按钮

Question

我有一个按钮，如果我按下按钮，一个打开的 Bootstrap-Select 列表将显示旁边有 2 个按钮，一个用于保存更改，一个用于取消修改.按下任何一个按钮都会使 Bootstrap-Select 隐藏，因此我不再需要 Bootstrap-Select 下拉按钮。

在网站上我有几个 Bootstrap-Select 列表所以我必须只隐藏一个列表的下拉按钮，我想我必须添加一个 class，如何为一个 Bootstrap-Select 列表（仅按钮，而不是整个列表）添加 class（或删除）下拉按钮？

http://silviomoreto.github.io/bootstrap-select/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>

<select class="selectpicker bootstrap-select-with-dropdown-button">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

<select class="selectpicker bootstrap-select-without-dropdown-button">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

Answer 1

您可以通过将 class 添加到选择器元素来执行此操作：

$('.your-selectpicker-nobutton').selectpicker('setStyle', 'remove-button-class', 'add');

然后，在您的 CSS 上，隐藏下拉插入符号：

.remove-button-class .caret {
    display: none;
}

这里查看样式方法：http://silviomoreto.github.io/bootstrap-select/#methods

从 Bootstrap-Select 中删除 open/close 按钮

Remove open/close button from Bootstrap-Select

css

bootstrap-select