下拉列表宽度与内容不完全相同

Question

我正在使用bootstrap库在下拉列表选择class="form-control input-sm"

上设置样式

但我的问题是下拉列表的内容是'cut'我看不到整个值，如果我删除它回到原生样式而不是我的目标

我试图回答以前的帖子，但没有运气找到快速解决方案吗？有什么想法吗？

感谢，

Answer 1

使用此代码并将菜单选项放入此ul。

<div class="btn-group">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Small button <span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>

正如您可以从他们的文档中读到的那样，不建议使用引导类来设置输入样式，因为它们在vaious浏览器上的行为是不同的。