Question

使用free-jqgrid v4.13.1是否有任何参数可以在使用fontAwesome时设置按钮颜色？我可以通过它设置样式更改图标的颜色，但我想知道是否有在navButtonAdd参数设置图标颜色是这样的：

.jqGrid("navButtonAdd", { 
    iconsOverText: true, 
    caption:"<span class='ui-pg-button-text'>Filter</span>", 
    buttonicon: "fa-filter", 

buttoncolor：“红” ，

 onClickButton: function() { 
      InitializeFilterDialog(); 
      $("#filter-dialog-form").dialog("open"); 
     }, 
    title:"Filter", 
    position: "first" 
}) 

我知道其他的图标，我可以这样做：

filterButton.addClass("fa-ban"); 
filterButton.css("color", "red"); 

我也想知道是否有在jqGrid的一个参数，允许设置默认的按钮颜色，如：

iconSet: "fontAwesome", 

iconColor通过： “蓝”，

..... 

Answer 1

这是个有趣的问题。是的，一切皆有可能！

您需要定义像

.red { 
    color: red; 
} 

CSS规则，并使用

buttonicon: "fa-table red" 

，而不是buttonicon: "fa-filter"。

见https://jsfiddle.net/OlegKi/7gfhyxgw/3/

要更改所有按钮的默认颜色为蓝色，你需要定义像

.myblue { 
    color: blue; 
} 

一些类则还要根据现有"fontAwesome"像定义新iconSet

$.jgrid.icons.blueFontAwesome = { 
    baseIconSet: "fontAwesome", 
    common: "fa myblue", 
    nav: {} 
}; 

并使用iconSet: "blueFontAwesome"而不是iconSet: "fontAwesome"。 S中的结果一个得到的结果就像在下演示

https://jsfiddle.net/OlegKi/7gfhyxgw/4/

我改变了上述规则red颜色一点点地提高其优先级：

.ui-pg-div .red { 
    color: red; 
} 

备注： nav: {}的用法似乎不需要。这是因为我将在下一天修复的小错误。问题是：我只测试了特定图标的现有iconSet的扩展，并且从未测试过更改common类。