dijit/Form/Select 选项中的省略号答案

【问题标题】：Ellipsis in dijit/Form/Select optionsdijit/Form/Select 选项中的省略号
【发布时间】：2015-02-11 14:15:35
【问题描述】：

我有一个以声明方式制作的 dijit/form/Select 组件。我想为每个选项添加 text-overflow:ellipsis 样式。我尝试为组件提供 id ，然后设置：

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

首先，此解决方案不能完全工作，因为在第一次打开下拉菜单时，省略号样式未应用（在下一次打开时）。其次，我认为这是一个“肮脏”的解决方案（应该有更清洁的方法，对吧？）。

所以问题是：如何在每个选择的选项中添加 text-overflow:ellipsis ？

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

【问题讨论】：

标签： forms select dojo ellipsis

【解决方案1】：

尝试使用 .dijitSelectLabel 代替 span

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

【讨论】：