Can't change color of Read Only custom field text

The following code will change my text only if it is not marked read only in my custom form. How can I force the read only text to red using the css override?

frappe.ui.form.on("Document", "onload", function(frm,cdt,cdn) {
$('input[data-fieldname="release_status"]').css("color","red")
});

Here is the field in color when it is not read only:

Selection_174

Here is the field read only:

Selection_173

Yes this is true, you cannot change the color of readonly fields.

Can it be done with a local app css file?

IDK, you should try.

the below client script works with me for read-only field “notes”

frappe.ui.form.on(‘Document Translation Service Request’, {
refresh(frm) {
frm.fields_dict.notes.$wrapper
.find(‘.control-value’)
.css({
‘font-size’: ‘16px’,
‘color’: ‘red’,
‘font-weight’: ‘bold’
});
}
});