2015-02-11 77 views
0

我有一個dijit/form/Select組件,我聲明。我想爲每個選項添加文本溢出:省略號樣式。我試着給ID的組件,然後我設置:dijit中的省略號/表格/選擇選項

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

首先,這個方案並不完全工作,因爲在第一個下拉開放,不加省略號風格(在下次打開它是)。其次,我認爲這是一個「骯髒」的解決方案(應該有一個更乾淨的方法來做到這一點,對吧?)。

所以問題是:如何爲每個選擇的選項添加文本溢出:省略號?

編輯:我給autoWidth:假屬性選擇組件,因此它固定的(在第一次打開不當寬度)第一個問題。儘管如此,我仍然在尋找比td/span造型更清晰的解決方案。

回答

2

嘗試使用替代跨度

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