개요



CSS를 이용해서 위 그림과 같이 텍스트 블록지정시 색상을 바꿀 수 있습니다.




코드


::selection {
    background:#99CC00;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#99CC00;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#99CC00;
    color: #FFF;
    text-shadow: none;
}


세 개의 parenthesis 안에 들어있는 내용은 모두 동일하며 

일부 브라우저에서 제대로 보이지 않을 수 있기 때문에 추가 된 것입니다.

::selection 대신 div.normal::selection 과 같이 기존의 선택자를 이용하여 원하는 영역에만 지정할 수 있습니다.



Posted by Nicatio

댓글을 달아 주세요

  1. 비행운  2013.01.23 17:47 신고  수정/삭제 댓글쓰기

    유용한 정보 감사합니다. 한참 헤맸는데 쉽게 해결됐어요^^ㅋ

  2. 와우 2014.11.28 14:42 신고  수정/삭제 댓글쓰기

    감사합니다^^

  3. 오호 2015.01.13 16:50 신고  수정/삭제 댓글쓰기

    시원한 대답... 고맙습니다.~~~~

  4. 2015.11.28 12:16 신고  수정/삭제 댓글쓰기

    감사합니닷!!! 덕분에 손쉽게 적용시켰습니다.


티스토리 툴바