CSS-Eigenschaft word-wrap funktioniert nicht für das select-element auf Firefox

Habe ich ein html-dropdown-Menü. In der dropdown-Liste auswählen, einige Optionen haben, lange Zeichenketten ohne Leerzeichen. Ich möchte wrap solche Optionen in die nächste Zeile. Ich verwendet das CSS - word-wrap Eigenschaft. Es funktioniert bei mir in Chrome aber nicht in Firefox.

Ich auch versucht, mit Hilfe der word-break Eigenschaft als vorgeschlagen in die vorgeschlagene doppelte

Habe ich auch gemacht eine demo auf jsfiddle. Es sieht gut aus in Chrome, aber wenn Sie öffnen, dass die demo auf Firefox, der text schlägt zu wickeln. Wie kann ich dieses Problem beheben?

CSS:

.setWidth {
  width: 300px
}

HTML:

<div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
  <select class="formNamesList setWidth" id="CustomCategories" name="CustomCategories" size="15">
    <option value="10085240">_1Test_Today</option>
    <option value="10085242">_1Test_Today_A</option>
    <option value="10085091" style="word-wrap:break-word">testcust_copyFinal_copytetshhshshshhshshhshshshhshshhshshhshshshshhshshshshhshshshshhshshhshs</option>
  </select>
</div>

  • css-tricks.com/almanac/properties/w/word-break
  • möglich, Duplikat der Zeilenumbruch funktioniert nicht im firefox, alles ausprobiert
  • Ich habe gesehen, dass links. aber kein Glück mit den Zeichenfolgen, die nicht mit Leerzeichen @hbirjand
  • Herzlich willkommen auf Stack Overflow! Ich habe Ihren Beitrag bearbeitet, die relevanten HTML-und CSS in ein code-snippet, im Fall, dass die Menschen können nicht bekommen, um jsfiddle.net, was kann passieren, in einigen Unternehmensumgebungen. Ich habe auch text Hinzugefügt, der angibt, Sie habe die vorgeschlagene doppelte, das ist immer eine gute Idee, um zu vermeiden Schließung. Ich ebenfalls aktualisiert und die Titel werden mehr klar, was genau nicht funktioniert.
  • Ok, danke Mike. .:)
Schreibe einen Kommentar