select:focus{width:auto;}

Question

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

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

小提琴：http://jsfiddle.net/DCjYA/304/

Answer 1

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

http://www.andreabianchin.it/jquery-skinner/

Answer 2

在元素发生更改后，需要强制元素失去焦点。

添加：

onchange="this.blur()"

像这样：

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

Answer 3

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