가상 요소 selection

가상 요소 selection은 선택된 텍스트의 색상과 배경색을 지정할 수 있게 합니다.

문법

css선택자::selection {
  
}

예제

텍스트를 선택하면 빨간색 글씨에 검은색 배경으로 표시되는 것을 볼 수 있습니다:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem::selection {
  color: red;
  background-color: black;
}

Результат:

참고 항목