如何用字體超讚圖標替換dijit樹中的圖標？

Question

我試圖用字體真棒'圖標'切換出dijit樹中的圖標（特別是與dijitFolderClosed，dijitFolderOpened - 適用於樹中父節點的類對應的圖標）中的圖標。當圖標實際上是圖像文件時，切換顯示哪些圖標很容易 - 我可以更改getIconClass（）返回的類。

但是，font-awesome似乎通過插入僞元素來工作，而且我無法使其與dijit一起工作。圖標節點爲img元素，雖然this等一些方法看起來很有前景，但不適用於img標記，因爲它們沒有content屬性。

獲取字體真棒作爲dijit樹形圖標有什麼好的選擇？看起來有可能把img標籤弄成the answers here建議，或者我可以使用replaceChild（）來替換img圖標元素，並使用font-awesome可以應用的元素。任何人都可以想到更好的解

Answer 1

您需要覆蓋您的dijit風格：在.dijitIcon *和display:none上設置background-image: none on .dijit *內部類，然後將FontAwesome內容放入僞類之前。

我做這個用無禮的話很多的dijits，here是的dijit /表格/組合框的例子。關鍵位是：

 .dijitDownArrowButton { 
     &:before { 
      font-family:'FontAwesome'; 
      content: '\f0d7'; 
     } 
     .dijitArrowButtonContainer { 
      background-image: none; 
     } 
     .dijitArrowButtonInner { 
      display: none; 
     } 
    } 

This post解釋覆蓋dijit類很好。而dijit主題覆蓋教程是here。