在CSS中使用Kendo Grid按鈕中的Font Awesome

Question

我想爲Kendo Grids中的某些按鈕使用Font Awesome。

我可以使用HtmlAttributes添加類，它工作正常。

command.Custom("name").Text(" ").Click("handler").HtmlAttributes(new { @class = "fa fa-file-text" }); 

但爲了避免重複，我想使用CSS。 Kendo Grid爲其添加一個具有自定義按鈕名稱的類，例如k-grid-name。最終DOM看起來是這樣的：

<a class="k-button k-button-icontext k-grid-name" href="#"><span class="fa fa-check"></span> </a> 

我想要的CSS選擇器是：

.k-grid-name{ 
    font-family: FontAwesome; 
    content: "\f000"; 
} 
.k-grid-name a:before { 
    font-family: FontAwesome; 
    content: "\f000"; 
} 
.k-grid-name span{ 
    background-color: red; 
} 

我更喜歡使用內部span，因爲它是在按鈕的中心。什麼是正確的selector？

Answer 1

試試這個

.k-grid-custombtnname span:before { 
    font-family: 'FontAwesome'; 
    content: "\f00c"; 
}