Próbuję osiągnąć dwie rzeczy za pomocą DropDown.

Najpierw chcę zawinąć tekst na liście opcji w menu rozwijanym.Po drugie, chcę umieścić obramowanie po każdej opcji

i chcę wspierać IE (i inne przeglądarki).

To dlatego, że miałbym długi tekst na liście rozwijanej i nie chcę ich wycinać. Z tego powodu chcę robić powyższe rzeczy.

Coś takiego:-

http://jsfiddle.net/fnagel/GXtpC/embedded/result/

wybierz ten z „Taki sam z formatowaniem tekstu, wybierz adres”. Zwróć uwagę, jak opcje są sformatowane i mają obramowanie z każdym z nich.

Oto, co próbowałem (tekst): -

.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>