드래그 텍스트 선택 색상 변경하기

위 스샷과 같이 드래그 했을 때 색상을 바꾸는 방법입니다.

사실 저는 기본 드래그 색상과 큰 차이는 없는데요. 아무래도 파비콘의 색상과 맞추려고 하다보니 그렇게 됐습니다 ^^

백문이 불여일견이죠!!! 바로 코드 보겠습니다.

<style>
::-moz-selection {
background-color: #30B1F4;
color: #fff;
}
::selection {
background-color: #30B1F4;
color: #fff;
}
</style>

moz-selection은 모질라, 즉 파이어폭스 용이라고 보시면 됩니다.

나머지는 IE9부터 지원된다고 보시면 됩니다. 크롬은 당연히 지원이 되구요.

배경 색상(background-color)이 #30B1F4이고, 글자 색상(color}은 #FFF 로 잡았습니다.

배경 색상은 원하는대로 수정하면 됩니다.

색상은 네이버에서 대충 찍어보면 나옵니다. (링크)

보통 php파일에 넣지만 그누보드5에는 환경설정 -> 기본환경설정에 보면 추가 script, css를 넣는 곳이 있습니다.

여기에 넣으면 그누보드 버전이 달라져도 공통적으로 적용이 가능합니다.