가상 요소 selection
가상 요소 selection은
선택된 텍스트의 색상과 배경색을 지정할 수 있게 합니다.
문법
선택자::selection {
}
예제
텍스트를 선택하면 빨간색 글씨에 검은색 배경으로 표시되는 것을 볼 수 있습니다:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem::selection {
color: red;
background-color: black;
}
:
참고 항목
-
텍스트 선택을 금지하는 속성
user-select,
-
마우스 반응을 제거하는 속성
pointer-events,
