Question

我需要基于Twitter的Bootstrap的组合框样式，因此我正在使用bootstrap-combobox.js v1.1.8和bootstrap.min.js Ver。 4。

我在更改由Bootstrap DropDown生成的组合框中的line-height项时遇到问题-它们太大（我不知道是否可以在Click Event或其他地方完成此操作）。

我有一个带有SELECT标记的页面：

<select class="combobox input-large form-control" name="normal" id="MyCity">
      <option></option>
</select>

此标记通过JSON填充，并使用以下内容转换为组合框：

$('.combobox').combobox();

现在，当我单击箭头时，组合框将打开，我可以选择项目。

打开组合框时，行高太大；它应该较小。

展开时（使用箭头）产生的HTML代码为：

<li data-value="XXX" class="">
   <a href="#" class="dropdown-item">
   <strong></strong>A<strong></strong>N<strong></strong>X
   </a>
</li>

鉴于我无法在CSS中找到class =“ dropdown-item”，因此使用Firefox Inspector我发现<a href="#" class="dropdown-item">的样式具有以下属性：

.dropdown-menu > li > a {
    ...
    line-height: 1.42857143;
    ...

现在，我可以使用jquery或其他方法（无需更改bootstrap.css中的值）来更改此值，但问题是，仅通过单击<span class="caret">标签即可呈现项目。

我认为应该在click事件中或之后进行更改。

提前感谢您的时间。