• 다크모드 ↔ 라이트모드 변경 방법 일주일 동안 열지 않기

블로그/웹사이트

홈페이지, 블로그 꾸미기 팁 정보 게시판입니다.
  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

마우스 드래그 색상 변경하기

이윰
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; } // 마우스 드래그 색상
신고공유스크랩

댓글 0

댓글 쓰기
권한이 없습니다. 로그인

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?

공유

퍼머링크
제목 최종 글 조회 수
+1
image
  10
+1
normal
  11
+1
image
  9
+1
image
  13
0
normal
  11
0
normal
  24
+1
normal
이윰12시간 전 40
+1
normal
  11
+1
normal
  13
+1
image
  12
+1
normal
  20
+1
normal
  19
+1
normal
  15
+2
image
  49
0
normal
  34
+2
image
  16
+1
normal
  13
+1
normal
  11
+1
image
  45
+2
image
  26