我正在固定一个下拉框的宽度（是的，我知道这样做存在跨浏览器问题）。

有没有一种非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>