Remove black outline on active multi line boxes on edit form

[Paul Heffner]

I have a user that doesn’t like the black box that appears when you make a field active. In this case it is a comment field that accepts enhanced rich text. Is there a way to adjust this in any way?

[Alexander Bautz]

Hi,
Yes, this is the “outline” style and it can be changed using some Custom CSS.

You can fix the offset (to move it out so you can actually see the cursor when focusing) like this:

.ms-rtestate-write:focus-visible {
    outline-offset: 3px;
}

Let me know how this works out.

Alexander

[Paul Heffner]

Worked like a charm sir! I tried to add border-color as well as

border-color: #FF00FF but it is still black. can we adjust that too?

[Alexander Bautz]

This is not the border, but the outline – change it to:

outline-color: #FF00FF

Alexander

[Author]

Posts