引导程序选择默认样式似乎不正确

Question

我正在使用很棒的bootstrap-select jQuery插件，但是有两种奇怪的默认样式正在发生。将相关的CSS和JS文件加载到我的网站后，这是我所有选择框的默认样式（完全不使用任何种类的属性更新我的选择框）。

环境

• Wordpress：5.2.2
• 主题：WP Bootstrap Starter

两个奇怪的地方：

• 我所有的选择框似乎都带有引导btn-danger类。我不知道为什么它与btn-default类相反。
• 在某个断点处，选项的填充消失（如图所示，与边框齐平）。

使javascript和css入队的代码：

function my_scripts() {
  wp_register_style( 'bootstrap-select-css-cdn', 'https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css' );
  wp_enqueue_style('bootstrap-select-css-cdn');

  wp_register_script( 'bootstrap-select-js-cdn', 'https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js', null, null, true );
  wp_enqueue_script('bootstrap-select-js-cdn');
}
add_action('wp_enqueue_scripts', 'my_scripts');

为了完整性，这是我的选择框代码：

<div class="form-group col-sm-3">
  <label for='order'>Order:</label><br>
  <select name='order' id='order' class="form-control">
    <option value='ASC'>ASC</option>
    <option value='DESC'>DESC</option>
  </select>
</div>

当我在浏览器中检查标记时，显示的内容如下：

有两个问题：

1. 为什么会这样？我非常怀疑这是默认行为。
2. 我该如何解决？我如何将站点范围内的选择框设置为“ btn-default”，而不是“ btn-danger”。另外：如何在填充点的消失处重新添加填充？

Answer 1

发生的是引导选择将应用btn-light类。问题是WP Bootstrap Starter Theme似乎具有btn-light类，其样式风格出乎意料。

我发现解决此问题的最简单，侵入性最小的方法是在bootstrap-select js文件中进行查找/替换：找到文本btn-light的所有实例并将其替换为btn-default。截至目前，js文件中仅引用了btn-light类的一个实例，因此非常简单。

要修复填充，我找到了填充消失的断点，并添加了一条规则以将其重新添加到其中：

@media only screen and (max-width: 991px) {
  .dropdown-menu.inner.show{
    padding: 10px;
  }
}