Как расширить выпадающие элементы - PullRequest
Новая
       4

Как расширить выпадающие элементы

2 голосов
/ 31 июля 2009

Как развернуть выпадающий список (перечисленные элементы). Я не могу просматривать перечисленные элементы в IE, пока я ограничил размер выпадающего списка.

Пожалуйста, запустите этот код в IE и других браузерах - вы можете увидеть разницу 

<html><body><select style='width:20px;'><option>a</option><option>b</option><option>c</option><option>d</option><option>e</option><option>f</option>

И, пожалуйста, скажите, какие стили можно использовать в раскрывающемся списке, чтобы сделать его хорошим

Ответы [ 2 ]

1 голос
/ 21 октября 2010

Это проблема. В IE Если во время нажатия на кнопку, раскрывающийся список развернется и сразу же свернется. Это происходит, если выпадающее меню не в фокусе. Как только выпадающий список получит фокус, он работает нормально.

1 голос
/ 31 июля 2009

Да, в IE, если вы укажете поле выбора фиксированной ширины, оно не изменится под размер содержимого при нажатии.

Есть несколько способов и обходных путей,

Одним из них является изменение ширины поля выбора при щелчке, а затем при снятии щелчка верните его к исходному размеру.

Это может работать для показа контента, но часто может нарушить макет сайта или сделать его странным.

Как-то так может сработать, 

<select name="selectName" onclick="this.style.width = '120px';" 
        onblur="this.style.width = '20px';">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...