ashley sheridan.co.uk

Change Selected Text Colours

It can be frustrating sometimes to design a website, only to have the operating systm of a visitor change a bunch of the colours it uses for everything. One annoying example is the text selection colours. Thankfully, CSS can help with this, thanks to its ::selection selector.

  1. ::selection
  2. {
    3. }
  3.   background-color: #f00;
  4.   color: #fff;
  5. }
  6. ::-moz-selection
  7. {
    8. }
  8.   background-color: #f00;
  9.   color: #fff;
  10. }

Try it on this page to see what the end result is.