블로그 이미지
내게 능력 주시는 자 안에서 내가 모든것을 할수 있느니라 - 빌립보서 4 : 13 - happydong

카테고리

Happydong (1363)
프로그래밍 (156)
MUSIC (16)
인물 (3)
Utility (10)
세미나 소식&내용 (22)
IT뉴스 (18)
운동 (830)
CAFE (10)
Life (282)
Total
Today
Yesterday

'Selection Style'에 해당되는 글 1건

  1. 2013.05.20 [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

Posted by happydong
, |