选择：焦点{宽度：自动；}答案

【问题标题】：select:focus{width:auto;}选择：焦点{宽度：自动；}
【发布时间】：2012-02-28 02:30:13
【问题描述】：

我有一个 CSS 问题，我不知道如何解决。为了展开下拉列表，您必须使用下面的 css。只有在一个条件下才能正常工作，当您选择一个选项时，选择不会返回到初始宽度。为什么？？？ :( 这是我希望在包括 IE8 在内的所有浏览器上发生的行为，因为 IE 我必须在焦点上设置宽度。

select:focus{
    min-width:158px;
    width:auto;
}

【问题讨论】：

【解决方案1】：

看看这个！我认为这将解决您在 IE 上有关组合框的问题。

【讨论】：

【解决方案2】：

你需要强制元素在改变后失去焦点。

添加：

onchange="this.blur()"

像这样：

<select id="id72" class="styleDDC" onchange="this.blur()">

【讨论】：

我不能使用这个例子，因为在我的应用程序中我有很多弹出模式，如果我在每个 html 页面中进行修改，我会在完成我的工作之前变老 :((。我需要从 css 做一些事情，即使是 jQuery 插件也可以:)。无论如何谢谢。

【解决方案3】：

伪 css 类：焦点是在它被选中时（当它突出显示为蓝色时），一旦你点击其他东西，它就会缩小到你的最小宽度

【讨论】：