css - 下拉列表宽度与内容不完全一致

Question

我正在使用 bootstrap 库来设置下拉选择的样式 class="form-control input-sm"

但我的问题是下拉列表的内容被“剪切”了，我看不到整个值，如果我将其删除回原生样式，这不是我的目标

我试图从上一篇文章中得到一些答案，但没有找到快速解决方案的运气？有什么想法吗？

谢谢，

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>

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