selectオプションのテキストをfirefoxの次の行にするには？

Question

選択オプションのテキストをFirefoxの次の行に表示するにはどうすればよいですか？

クロムでは、テキストはオプション要素の次の行に移動しますが、Firefoxでは表示されません。私は多くのCSSクラスを試しましたが、うまくいきません。私は以下のイメージとコードを提供しました。本当に助けに感謝します。前もって感謝します。それは使用して動作します私にとって

<select class="detail-ta" id="detail-ta2" size="10"> 
    <option style="text-overflow: clip; overflow: visible; white-space: -moz-pre-wrap; white-space: pre-wrap; margin-bottom: 1px;"></option> 
</select> 

Answer 1

： - （これを修正したい間違った）

コード

chrome（正しい）

firefox：

以下

は、2つの画像ですCSSのみですが、Firefoxの最後の単語がスクロールバーで覆われているというバグがあります。 あなたが幅を指定しても表示を追加：インラインブロック

white-space: -moz-pre-wrap; /* Firefox */ 
    white-space: pre-wrap;  /* other browsers */ 
    width:150px; 
    display:inline-block