[CSS3] ::selection Selector

ㅁ ::selection style 지정

 ::selection 스타일 속성을 이용하여 텍스트 영역을 드래그했을때, 배경색을 원하는 색으로 변경 할 수 있다. 이는 CSS3에서 가능하면 지원 브라우져는 IE9(포함 이상 버전), 크롬, 사파리가 지원한다. 파이어폭스는 -moz-selection 스타일 속성을 이용해서 같은 효과를 낼수 있다. 

[그림 1 - ::selection  적용 전 ]

 [그림 1]은 스타일이 적용 전의 모습을 캡쳐한 것이다. 아래 [그림 2]는 스타일을 적용한 모습이다.

[그림 2 -  ::selection  적용 후 ]

ㅁ 스타일 적용

*::selection {    background: #C32A22;    color: #DFDCDC; } *::-moz-selection {    background: #C32A22;    color: #DFDCDC; }

참고 : http://www.w3schools.com/cssref/sel_selection.asp