작업실

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

컨텐츠 정보

본문

 

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

 

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

 

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

 


<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를 넣는 곳이 있습니다.

 

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

관련자료

댓글 0
등록된 댓글이 없습니다.
Total 157 / 5 Page
RSS
우분투에서 구글 SMTP 메일서버 설치 후 에러 해결 방법입니다.

1. 구글 아이디와 비번을 제대로 넣었는데 계정 인증이 안되어 메일 발송이 안될 경우https://webdir.tistory.com/227위 링…

배경화면에 눈 내리게 만들기

위 스샷처럼 배경에 눈 내리게 만드는 방법입니다.http://amina.co.kr/bbs/board.php?bo_table=tip&wr_…

미소 베이직 4.3 main side 예제파일 공유합니다. 댓글 6

2016년 12월 2일 현재 미소 베이직 4.3 기준 제 홈페이지 예제코드입니다.메인과 사이드, PC와 모바일을 구분하였습니다.1. PC 메인2…

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

위 스샷과 같이 드래그 했을 때 색상을 바꾸는 방법입니다.사실 저는 기본 드래그 색상과 큰 차이는 없는데요. 아무래도 파비콘의 색상과 맞추려고 …

그누보드5에 Github 아이디로 로그인 추가하기

1. Github개발자 분들이라면 거의다 아시는 바로 깃허브입니다.그 계정으로도 소셜 로그인이 가능합니다.링크1에 있는 소셜로그인 플러그인에 추…

미소 베이직 4.0 테마 사이드바 아이콘 색깔 변경하기

1. 메인화면에 떠있는 아이콘 배경색 지정하기/thema/Miso-Basic-4/widget/miso-sidebar/widget.php대략 18…

최근글


새댓글


알림 0