Text Selection Color

RingoStar77

Hi,

is there any option to disable the custom text selection background color? When I change the normal link color it also changes the text selection color. I need white links on blue background (not content) So when I mark content text after setting link color to white it can't be read anymore.

Best regards,
Ringo

Albert

Hi,

Please send us link to page where you want to disable custom text selection background color. Please explain also where you got it on page because we have no idea what exactly you ask for.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

RingoStar77

http://www.cis-service.de/kalicom

As you can see on the website, we have a top bar with a blue-ish background. The current link is set to white (for example phone number and e-mail-adress in top bar). Now please select the text in the content area. It should turn white and unreadable. Hopefully I explained it a little better this time

Albert

Ok, we see what you mean. However, our theme does not have any impact on it because for these colors are responsible browsers themselves. So what you can do is change colors with the following declarations:

::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
  color: #000 !important;
}
::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
    color: #000 !important;
}

More details about it you can read in the following topics:

http://stackoverflow.com/questions/14787664/any-idea-on-how-to-change-textarea-selection-color
https://css-tricks.com/overriding-the-default-text-selection-color-with-css/

More

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

RingoStar77

Thank you for your response.
I already tried this css code but I was using *::selection instead of what you answered. It is working now and everything's good

Albert

You are welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next