XF 2.2 Editor Highlighted Text Colour

[thenashy]

Hi All,



How do I change the background colour of highlighted text in the editor?

 

[Paul B]

This added to the extra.less template should work:

::selection,
::-moz-selection
{
    color: black !important;
    background: orange !important;
}

 

[thenashy]

This added to the extra.less template should work:

::selection,
::-moz-selection
{
    color: black !important;
    background: orange !important;
}

That doesn't seem to have had any affect on it.

Edit: Checked on default and it remains the same colour also.

 

[Paul B]

Works for me on my local.

Try this instead:

::selection
{
    color: black !important;
    background: orange !important;
}

 

[thenashy]

Works for me on my local.

Try this instead:

::selection
{
    color: black !important;
    background: orange !important;
}

That's done the trick. Thanks very much.

Out of interest, if this isn't in extra.css, would it appear anywhere in the inspector?

 

[Paul B]

It appears in the inspector like so:



The upper is the default, the lower is the changed code.

 

[thenashy]

It appears in the inspector like so:

View attachment 250246

The upper is the default, the lower is the changed code.

Awesome thanks, will help me next time I need to do this.