드래그 영역(블록설정) 색깔 바꾸기

 

일반적인 경우라면 IE9에서 브라우저를 드래그시 상단과 같이 파란색에 흰색 글씨로 해당 영역이 강조됩니다. 하지만 아래와 같이 블록설정때의 색을 변경할 수 있습니다. 드래그 영역의 색깔을 바꾸는 법에 대해서 소개해드리도록 하겠습니다.

 

 

1. 네이버에서 RGB색상을 검색하여 원하는 색상을 미리 찾습니다.

 : 배경이 될 색상과 글의 색 총 두가지가 필요합니다.

 

 

2. 스타일시트에 다음의 속성을 추가합니다.

 - ::selection {    background:원하는 배경색;    color: 원하는 글자색;    text-shadow: none;}

 ex) ::selection {    background:#47C83E;    color: #FFF;    text-shadow: none;}

 

text-shadow옵션을 통해 글자에 배경까지 줄 수 있지만 IE9에서는 지원하지 않는것으로 알려져 있고 크게 필요하지 않을것 같아 소개드리지는 않겠습니다. 다만 궁금하신 분께서는 [링크] 로 이동하셔서 확인하시길 바랍니다.