выбрать: фокус {ширина: авто;}

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

класс псевдо CSS: фокус для того момента, пока он выбран (пока он выделен синим цветом), когда вы нажимаете на что-то еще, он сжимается до минимальной ширины

Answer 3

Вам нужно заставить элемент терять фокус после его изменения.

Добавить:

onchange="this.blur()"

вот так:

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