::selection или ::-moz-selection – псевдоэлемент, который отвечает за стили выделяемой области текста. В этом элементе могут использоваться следующие CSS-свойства:
colorbackground-colorcursoroutlinetext-decorationtext-shadow
И некоторые другие, подробнее на developer.mozilla.org.
background-image не поддерживается, добавить картинку или градиент не получиться.
Использование ::selection
.text-1::selection {
background: orange;
}
.text-2::selection {
color: white;
background: Purple;
}
.text-3::selection {
color: red;
}
.text-4::selection {
text-shadow: 1px 1px 3px orange;
}
