Я пытаюсь достичь двух вещей с 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. */
}

<select name="d" class="myselect">
  <option value="sdf" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf2" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf3" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf4" class="test1"> line text How to wrap the big line text </option>
</select>