jqgrid 选中行变色

1.首先尝试在jqgrid的初始化的时候 添加

gridComplete : function(){
         //$("#airlineList").setJgridRowCSS();
}

 

$.fn.extend( {
  setJgridRowCSS : function() {
   var self = this;
   $("tr:even", $(self)).addClass("normalEvenTD"); // 从标头行下一行开始的奇数行，行数：（1，3，5...）
   $("tr:odd", $(self)).addClass("normalOddTD"); // 从标头行下一行开始的偶数行，行数：（2，4，6...）
   // 鼠标经过的行变色
   $("tr", $(self)).hover(function() {
    $(this).addClass('hoverTD');
    $(this).removeClass('table-td-content');
   }, function() {
    $(this).removeClass('hoverTD');
    $(this).addClass('table-td-content');
   });
   // 选择行变色
   $("tr", $(self)).click(function() {
    var trThis = this;
    $(self).find(".trSelected").removeClass('trSelected');
    if ($(trThis).get(0) == $("tr:first", $(self)).get(0)) {
     return;
    }
    $(trThis).addClass('trSelected');
   });

  }
 });

2.用火狐查找选中行的class，发现这个比较特殊ui-state-highlight，就去搜索这个css在哪里，找到：jquery-ui.min.css

然后百般修改这个

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{

border: 1px solid #fad42e;

background:  #fef1ec url(../images/jqgrid/c3/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x ;

color: #363636;

}里面的

background属性颜色都没用；

最后在http://stackoverflow.com/questions/4305223/selected-row-background-color

找到一个答案：直接background: #A2A25E;

坑爹，原来是这个背景图片在搞鬼么，害我调了老久老久