Php 将样式输入sm应用于引导选择插件完全改变控件的外观

我正在使用Bootstrap和Laravel开发一个网站，到目前为止，一切看起来都很好。然而，我已经开始使用这里的引导选择插件，并偶然发现了一个恼人的错误：

在document.ready函数中，我有以下代码来稍微降低控件的高度：

$("#myControl").selectpicker(
{style: "input-sm"});

不知何故，这完全改变了选择框的外观。而不是像你在网站上看到的那样，让控件变为带浅灰色边框的白色，整个控件变为深灰色，完全没有边框，或者边框仍然存在，并与控件的背景融合

---

有人遇到过这个错误吗？

selectpicker插件使用引导按钮来创建下拉列表，而不是选择，因此请使用适当的按钮样式，如btn sm:

---

selectpicker插件使用引导按钮来创建下拉列表，而不是选择，因此请使用适当的按钮样式，如btn sm:

---

谢谢泰德，谢谢你，我能找出我做错了什么。你是对的，我用错了风格。然而，要使事情正常运行还需要一个额外的怪癖：

$("#myControl").selectpicker({
    style: "btn-default btn-sm"
});

所以，是的，btn默认为所需的外观，btn sm为所需的大小。把这两者结合起来，事情就会圆满解决

---

谢谢：

谢谢特德，谢谢你，我能找出我做错了什么。你是对的，我用错了风格。然而，要使事情正常运行还需要一个额外的怪癖：

$("#myControl").selectpicker({
    style: "btn-default btn-sm"
});

所以，是的，btn默认为所需的外观，btn sm为所需的大小。把这两者结合起来，事情就会圆满解决

---

谢谢：

如果您右键单击并查看页面源代码，这不仅仅是一个简单的选择。 我在网上用过类似的东西

<div class="form-group form-group-sm">                                       
<select class="form-control selectpicker" id="aaaaaa" data-live-search="true">
<option value="1">x1</option>
<option value="2">x2</option>
<option value="3">x3</option>
</select>
</div>

---

注意表单组中的表单组sm，而不是表单控件中的输入sm。

如果右键单击并查看页面源，这不仅仅是一个简单的选择。 我在网上用过类似的东西

<div class="form-group form-group-sm">                                       
<select class="form-control selectpicker" id="aaaaaa" data-live-search="true">
<option value="1">x1</option>
<option value="2">x2</option>
<option value="3">x3</option>
</select>
</div>

---

注意表单组中的表单组sm，而不是表单控件中的输入sm。

我尝试了，但没有work@sanojlawrence我不知道这是否是问题所在，但如果仔细观察，您会注意到我还向控件添加了类“btn default”。也许这就是我所缺少的。我试过了，但没有work@sanojlawrence我不知道这是否是问题所在，但如果仔细观察，您会注意到我还向控件添加了类“btn default”。也许这就是我们所缺少的。