white-space не работает на Firefox

Question

Я хочу, чтобы текст <select><option> был обернут, если текст слишком длинный.

select { 
 
    overflow-wrap: break-word; 
 
    word-wrap: break-word; 
 
    white-space: -moz-pre-wrap; 
 
    white-space: pre-wrap; 
 
}

<select style="width:130px;"> 
 
    <option value="47" selected="selected">Traditur Preascep irruit. Sed now possum Non adamare te. Maneam</option> 
 
</select>

Но когда я тест на Firefox, текст скрыт, не обернуты. Как это исправить?

Answer 1

попробовать ...

<!--html--> 
<select> 
    <option value="47" selected="selected">Traditur Preascep irruit. Sed now possum Non adamare te. Maneam</option> 
</select> 

/*css*/ 

select { 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    white-space: -moz-pre-wrap; 
    white-space: pre-wrap; 
    width:auto; 

}