+++
date     = "2022-05-07T08:25:12+00:00"
lastmod  = "2022-05-07T08:25:12+00:00"
tags     = [ "webdev", "gists" ]
author   = "tdro"
+++

Whenever I'm handcrafting {{< abbr CSS "Cascading Style Sheets" >}}, content
selection rules are usually the first declarations on my sheet. Might as well
ensure user selected text is readable. Easiest win for accessibility.

```css
::selection {
  color: #fff;
  background-color: #000;
}

::-webkit-selection {
  color: #fff;
  background-color: #000;
}

::-moz-selection {
  color: #fff;
  background-color: #000;
}
```