HTML Dropdown (выберите) с Text Wrap и Border после каждого значения (опция)
Я пытаюсь достичь двух вещей с DropDown.
Сначала я хочу обернуть текст в списке параметров в раскрывающемся списке.Во-вторых, я хочу поставить границу после каждого вариантаи я хочу поддерживать IE (и другие браузеры тоже).
Это потому, что у меня будет длинный текст в раскрывающемся списке, и я неЯ не хочу их резать. По этой причине я хочу сделать вышеупомянутые вещи.
Что-то вроде этого:-
http://jsfiddle.net/fnagel/GXtpC/embedded/result/
выберите тот с "То же самое с опцией форматирования текста, выберите адрес ", Обратите внимание, как параметры отформатированы и имеют нижний край с каждым из них.
Вот что я попробовал (Текст): -
.myselect {
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
}
.myselect option {
white-space: nowrap;
width: 100% border-bottom: 1px #ccc solid;
/* This doesn't work. */
}
line text How to wrap the big line text
line text How to wrap the big line text
line text How to wrap the big line text
line text How to wrap the big line text