选择：焦点{宽度：汽车;}

Question

我有一个CSS问题，我不知道如何解决它。 要展开下拉列表，您必须使用下面的CSS。只有一个条件才能正常工作，当你选择一个选项时，select不会返回初始宽度。为什么？？？ :( 这种行为我希望在包括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类：焦点是为了选择它（虽然它突出显示为蓝色）一旦你点击其他东西它会缩小回你的最小宽度