让选择和最长选项一样长

Question

我正在寻找一种方法将所选下拉菜单的宽度设置为最长选项的宽度。我现在的问题是，当你选择一个简短的项目，它将然后wordwrap其他选项，并使下拉框的宽度与你选择的选项相同。在玩了一些CSS后，我想出了如何关闭结果的换行和删除宽度:100%，这样结果就会和最长的选项一样宽。这对下拉框本身没有任何影响。有人知道怎么做吗?

Answer 1

您应该为.chosen-drop提供一个自动宽度，并从所选的"li"中删除换行符。下面是一个例子:http://codepen.io/dreamwave/pen/VjaEYm

和CSS:

.chosen-results li {
  white-space:nowrap;
}
.chosen-container .chosen-drop {
  width:auto;
}

我希望我正确理解了这个问题。