본문 바로가기
프로그래밍 언어/HTML5 + CSS3

[CSS] 마우스로 드래그하여 선택한 글자의 배경 색상 바꾸는 방법

by 우림 2016. 2. 17.



마우스로 드래그해서 선택한 글자의 배경색을 바꿔보세요.

새로운 느낌일 겁니다^^

 

보통은 마우스로 드래그 한 글자의 색상은 파란색 바탕에 글자색은 흰색으로 보여지는데요.

이걸 CSS 두 줄만 추가하면 바꿀수가 있습니다.

 ::selection { color:white; background:#ec008c; }
::-moz-selection { color:white; background:#ec008c; } /* firefox */

 

아주 간단하죠.

여러분의 웹사이트 css 파일에 이 두 줄만 넣으시면 바뀝니다.

물론, 색상은 원하는 색으로 수정하시면 됩니다.

 


원래는 이런 색상으로 나오는데요.

 


CSS를 추가하면 이렇게 색상이 바뀝니다.



댓글