無法限制<option>寬度

Question

我有一個由某些數據庫字段填充的選擇框。有些字段太長，所以option寬度不會結束。我想限制寬度，並使用text-overflow屬性顯示省略號。但它不起作用。

這是我正在試圖做到這一點：

select option { 
    display: block; 
    text-overflow: ellipsis; 
    max-width: 100px; 
} 

任何想法，我怎麼能不JS實現這一目標？

非常感謝

Answer 1

還有一個類似的問題在這個鏈接。在Chrome和Safari瀏覽器中，可能無法顯示省略號，您可能不得不忍受-webkit-appearance：none。

Ellipsis for overflow text in dropdown boxes