选择的初始宽度，有机会调整大小

【问题标题】：initial width of the select with opportunity for resizing选择的初始宽度，有机会调整大小
【发布时间】：2017-12-29 00:09:14
【问题描述】：

我在对话框中有一个选择。选项的文本很长。加载页面时，选择框应以静态宽度（即 50px）呈现，但当对话框调整大小时，此选择也应调整大小。当我把width:100% 的初始大小调整为从中选择的文本。当我输入width:50px 时，初始大小还可以，但没有调整大小。 plunker 上的示例。主要问题是这个选择是由 Primefaces 生成的，我不能使用这个example。我希望存在不使用 jQuery 或 JS 的纯 CSS 答案。

【问题讨论】：

标签： css

【解决方案1】：

您可以应用以下 css 更改

.mySelect{
  min-width:50px;
  max-width:50px;
  width:auto;
}

【讨论】：

在这种情况下，初始宽度也被调整为最长的选项文本而不是50px
您希望选择宽度设置为较小的宽度，即使这样会隐藏一些很长的选项文本？
或者您希望选择宽度始终保持 50px，而不管其选项宽度？
加载页面时，选择框应以静态宽度（即 50px）呈现，但当对话框调整大小时，此选择也应调整大小。在我的情况下，此选择还会调整错误行为的对话框的大小（当文本太长时）。
这个对话框不是jsfiddle代码的一部分吗？