Change data item color in contact edit page

I need to show some items in red on the contact edit page - not the label, the data itself.

I created a module with LESS =

.control-width-15 .base-edit[isColorRed="true"] {
    color: red;
}

and it only works if the item is not read-only.

What would be the code for read-only items ?

Like

1 comments

There are different selectors for an editable field and a readonly field. I recommend you to use dev tools in your browser in order to find the correct selector -  https://prnt.sc/r3n5qe.

There is an example for a readonly field below:

.control-width-15 .base-edit.base-edit-disabled .base-edit-input,.control-width-15 .base-edit.base-edit-disabled[iscategoryred="true"] {
    color: red;
}
 

Show all comments