如何设置语义UI下拉列表的宽度

Question

如何设置"语义UI搜索选择"下拉列表的宽度？我需要将Semantic UI Search选择下拉列表的宽度设置为下拉列表中最长的元素.任何帮助将不胜感激.

Answer 1

我使用固定大小的包装器与嵌入其中的流体(扩展以适合父级的大小)下拉组合

<div style="width: 250px;">
  <div class="ui fluid dropdown">
    <input type="hidden" name="country">
    <div class="default text">My Dropdown Text</div>
  </div>
</div>

Answer 2

尝试设置min-width而不是设置width。默认值为 a min-widthof 14em，因此如果您希望具有较小的宽度，则需要覆盖它。

例子：

.ui.dropdown.search{
     min-width: /*smaller width here*/;
}