如何更改編輯表單中只讀字段的背景顏色

Question

免費jqgrid不允許更改編輯表單中只讀字段的背景顏色。

有風格

.jqgrid-readonlycolumn { 
    background-color: #FFFFDD; 
} 

這是在colmodel editoptions描述的一致：

editable: getReadOnlyEditable, 
editoptions: { "readonly" : "readonly" , "class" : "grid-decimal-edit jqgrid-readonlycolumn" } 


    function getReadOnlyEditable(options) { 
if (options.mode === "cell" || options.mode === "add" || options.mode === "edit") { 
    return false; 
    } 
// form editing 
return "readonly"; 
} 

的jqGrid增加了這些類爲第一類：

<td class="DataTD"> 
<input type="text" readonly="" 
    class="grid-decimal-edit jqgrid-readonlycolumn FormElement 
      ui-widget-content ui-corner-all" 
    disabled="disabled" 
    id="Varadokumn" name="Varadokumn" role="textbox"></td> 

這些類出現這 ui-widget-content下課

將背景顏色設置回白色。

如何解決這個問題使jqgrid-readonlycolumn類的背景色可以使用？

更新

我嘗試添加風格

body .DataTD .jqgrid-readonlycolumn {background-color: #FFFFDD !important;} 

但後臺仍是白色

Answer 1

這足以只是添加background-image: none。嘗試使用

.jqgrid-readonlycolumn { 
    background-image: none; 
    background-color: #FFFFDD; 
}