CSS / 마우스로 텍스트 드래그했을 때 배경색, 글자색 바꾸기

웹브라우저에서 텍스트를 마우스로 드래그하면 선택된 글자는 파란색 배경에 흰색을 바뀝니다. 이 색은 CSS로 바꿀 수 있습니다. 사용하는 선택자는 가상 요소 ::selection입니다.

다음은 텍스트를 선택했을 때 배경은 검은색으로, 글자는 노란색으로 만드는 예제입니다.

요소별로 다르게 설정할 수도 있습니다. 다음은 h1 요소에 대해서는 선택했을 때 배경은 오렌지색, 글자는 검은색으로 만드는 예제입니다.