Широкий выпадающий лист под узким селектом

Довольно часто мы попадаем в ситуацию, в которой в угоду дизайну или по другим причинам, select должен быть узким, с жестко заданной шириной, а варианты выпадающего меню в Интернет Эксплорере в такой ситуации фактически не читаемы.

Стандартными средствами это решить нельзя, но существует небольшой хак (да простят меня боги-валидаторы), который позволяет отменить жестко заданную ширину для элемента option внутри нашего select‘a. Смотрим в продолжении.
Если это наш select:

<select style="width: 200px" class="class">   

то вот нужный нам css-хак:

.class{behavior:expression(window.dropdown_menu_hack!=
null?window.dropdown_menu_hack(this):0);}
Эта запись была опубликована в рубрике CSS. Вы можете следить за комментариями к этой записи.

Комментарии

  1. grimskin написал:

    имхо неплохо бы было пример выкладывать, чтобы сразу можно было и результат увидеть

  2. neutrino написал:

    Grimskin
    Согласен, в следующий раз попробую организовать.

  3. neutrino написал:

    m_vitaly

    Такой длинный скрипт ради одного селекта.. :)

  4. mikachi написал:

    Что-то у меня не запалило, мот подскажете что не так? Класс в отдельном файле, жаваскрипт тоже на месте. Серверная обработка – ASP.NET 2.0

Leave a Reply

Your email is never published nor shared. Required fields are marked *

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>