我正在固定一個下拉框的寬度（是的，我知道這樣做存在跨瀏覽器問題）。有沒有一種非js的方法來切斷溢出的文本并附加省略號？text-overflow：省略號不適用于<select>元素（至少在Chrome中）。select, div { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}<!--works for a div--><div> A long option that gets cut off</div><!--but not for a select--><select> <option>One - A long option that gets cut off</option> <option>Two - A long option that gets cut off</option></select>此處的示例：http : //jsfiddle.net/t5eUe/
3 回答
繁星點點滴滴
TA貢獻1803條經驗 獲得超3個贊
HTML在表單控件中指定的內容非常有限。這為操作系統和瀏覽器制造商留下了做他們認為合適的空間（例如，iPhone的模式select，當打開時，它看起來與傳統的彈出菜單完全不同）。
看起來大多數操作系統都將所選選項切掉而沒有省略號。如果您能夠更改截斷文本的方式，那么它看起來會很奇怪，因為這不是選擇框在其余操作系統中的工作方式。
如果您遇到問題，可以使用可定制的替換項，例如Chosen，看起來與native不同select。
或者，針對主要操作系統或瀏覽器提交錯誤。就我們所知，用selects 截斷文本的方式可能是每個人都進行了多年的監督的結果，并且可能是時候進行更改了。
- 3 回答
- 0 關注
- 1013 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消