Question

我正在使用以下库：https://developer.snapappointments.com/bootstrap-select/，但是在选择时无法更改其行为。例如

<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

其中selectpicker是创建此结构的键：

<button type="button" class="btn dropdown-toggle btn-new" data-toggle="dropdown" role="button" data-id="blabla" title="Mustard" aria-expanded="true">
<div class="filter-option"><div class="filter-option-inner"><div class="filter-option-inner-inner">Mustard</div></div> 
</div>
</button>

因此，主要是，库在select（已存在但隐藏）上创建了一个按钮。我想要的是，当我选择列表中的一项时，#BF69B2中的颜色（按钮的颜色而不是选择的颜色）会更改颜色我已经尝试过这种方式：

document.getElementsByClassName("btn dropdown-toggle btn-default")[0].style.borderColor = "#BF69B2";

，但没有成功。有想法吗？

Answer 1

您正在尝试使用类btn dropdown-toggle btn-default来检索元素，但是在模板中，您还有其他类：btn dropdown-toggle btn-new。

只是改变

document.getElementsByClassName("btn dropdown-toggle btn-default")[0].style.borderColor = "#BF69B2";

到

document.getElementsByClassName("btn dropdown-toggle btn-new")[0].style.borderColor = "#BF69B2";

更改引导程序选择的边框颜色（btn类）

1 个答案: