在我的JS开头，我将几个input字段设置为只读，并使用JQuery .attr()和{{1}将 background-color 设置为lightgrey函数。
所有内容都运行良好且花花公子，直到我使用.css()更改输入字段的值。这不会重置其readonly属性，但会将其背景颜色重置为白色。
EX：
.val()现在我意识到我可以使用$(document).ready( function(){
$("#target").attr("readonly", "true");
$("#target").css("background-color", "lightgrey");
});
//function called by various events: .click(), .blur()
function myfunction(){
$("#target").val(42).trigger("change");
}
函数重置css，但是在运行中这样做非常缓慢且明显（足以让用户看到更改）。由于项目的性质，我也 无法 编辑html文档以包含这些默认样式和css表。