마우스 드래그 색상 변경하기
이윰
123 0 0
css
파일 적당한 곳에 다음 두 줄을 넣어 줍니다.
/* style.css */ ::selection { color:#fff; background-color:#424242; } ::-moz-selection { color:fff; background-color:#424242; } /* Firefox *
위 코드를 적용하면 '마우스 드래그'와 같이 변경이 됩니다.
원하는 배경색과 글자색을 넣어 변경하세요.
예쁜 색상 예시)
::selection:{ color:#5091b2; background-color:#e9f7fe; }
::-moz-selection { color:#5091b2; background-color:#e9f7fe; } // 마우스 드래그 색상
::selection:{ color:#5f9025; background-color:#ebf6e0; }
::-moz-selection { color:#5f9025; background-color:#ebf6e0; } // 마우스 드래그 색상
::selection:{ color:#de5959; background-color:#ffe9e9; }
::-moz-selection { color:#de5959; background-color:#ffe9e9; } // 마우스 드래그 색상
::selection:{ color:#695d43; background-color:#fff7a8; }
::-moz-selection { color:#695d43; background-color:#fff7a8; } // 마우스 드래그 색상
::selection:{ color:#989ffd; background-color:#e9eaff; }
::-moz-selection { color:#989ffd; background-color:#e9eaff; } // 마우스 드래그 색상
::selection:{ color:#ff8d8d; background-color:#ffeced; }
::-moz-selection { color:#ff8d8d; background-color:#ffeced; } // 마우스 드래그 색상
::selection:{ color:#9b9ffd; background-color:#e9feed; }
::-moz-selection { color:#9b9ffd; background-color:#e9feed; } // 마우스 드래그 색상
::selection:{ color:#999; background-color:#eee; }
::-moz-selection { color:#999 background-color:#eee; } // 마우스 드래그 색상