У меня есть ограниченное пространство и элемент в выпадающем меню с большим количеством текста.Малый выпадающий список, большие данные
Возможно ли иметь выпадающую ширину маленькую, но всплывающее окно списка большое?
Edit: Я использую IE
У меня есть ограниченное пространство и элемент в выпадающем меню с большим количеством текста.Малый выпадающий список, большие данные
Возможно ли иметь выпадающую ширину маленькую, но всплывающее окно списка большое?
Edit: Я использую IE
Боюсь IE является cuplrit здесь. Другие браузеры предоставляют вам любую ширину, необходимую для вашего option
s, и оставьте поле выбора размером, который вы определяете, но IE8 и ниже разрезают его до ширины родительского поля select
.
Ответ лежит на JQuery и прекрасно документирован здесь: Dropdownlist width in IE
Хороший улов, да, я использую IE. –
Нет проблем, я предположил, что проблема была исправлена чем-то подобным на 'select', над которым я работал, недавно протестировав в IE. –
Да, это возможно. И в текущих браузерах вам не нужно делать ничего особенного для разных размеров. Просто установите width
вашего select
, а option
s все равно будут такими большими, какими они должны быть.
<select id="menu">
<option>short</option>
<option>a quite long option that is wider than the select</option>
<option>another option</option>
</select>
#menu {
width: 100px;
}
Это работает в Firefox, Chrome и IE10:
Но IE9 не поддерживает это:
Это имеет смысл, но, к сожалению, IE является бессмысленным и отсекает его по ширине окна выбора. Невозможно определить ширину '' '' '' '' '' ''. –
@ScottBrown Возможно, я что-то пропустил, но я не слышал упоминания о том, что в вопросе. – zazvorniki
@zazvorniki Достаточно честный, но я бы подумал, что OP хочет, чтобы это работало во всех браузерах. Они не столкнулись бы с проблемой, используя браузер Gecko или Webkit, поэтому предполагали, что они столкнулись с проблемой IE, которую я описал в своих комментариях и ответах. –
Я не знаю, если это может помочь вам, но я нашел кое-что на CSS-уловок:
http://css-tricks.com/select-cuts-off-options-in-ie-fix/
Take Посмотрите, надеюсь, что это может вам помочь!
@SrikanthAD Возможно, у меня нет правильного термина. Когда пользователь нажимает на раскрывающийся список, появляется список элементов. Это всплывающее окно. –