在dijit中的省略号/表格/选择选项

Question

我有一个dijit / form / Select组件，我以声明方式进行。我想为每个选项添加文本溢出：省略号样式。我尝试过给组件ID，然后我就设置了：

    #myselectorid_dropdown td,
    #myselectorid span{
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        overflow: hidden;
        max-width:50em;
    }

首先，这个解决方案并不完全有效，因为在第一个下拉列表打开时，不应用省略号样式（下一次打开它）。其次，我认为这是＆＃34;脏＆＃34;解决方案（应该有更简洁的方法，对吧？）。

所以问题是：如何为每个选择的选项添加文本溢出：省略号？

编辑：我将 autoWidth：false 属性赋予Select组件，因此它解决了第一个问题（首次打开时不正确的宽度）。我仍然在寻找比td / span造型更清洁的解决方案。

Answer 1

尝试使用.dijitSelectLabel而不是span

#myselectorid .dijitSelectLabel {
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    max-width:50em
}