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 ?



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 -

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