선택 배경색을 변경하는 방법

Question

의미 : 일부 html 텍스트를 선택하면 선택한 텍스트를 나타내는 배경색이 표시됩니다. CSS를 통해 변경할 수있는 방법은 무엇입니까? 흰색, 투명. 나는 이것을 보았다. 건배

Answer 1

특정 CSS 선택기를 사용하여 선택한 텍스트의 CSS 속성을 변경할 수 있습니다. (나는 이것을 테스트했고 파이어 폭스, 사파리, 크롬, 심지어는 Konqueror에서 작동했지만 IE에서는 작동하지 않았다.) 예 :

*::selection { 
    background: #cc0000; 
    color: #ffffff; 
} 
*::-moz-selection { 
    background: #cc0000; 
    color: #ffffff; 
} 
*::-webkit-selection { 
    background: #cc0000; 
    color: #ffffff; 
} 

당신은 개별적으로 각 선택기를 지정해야합니다 그렇지 않으면이 (필자는 CSS 파서는 오류가 발생하는 경우 선택기 처리를 중지 추측) 작동하지 않습니다. 그러면 선택한 텍스트의 배경색이 진한 빨간색으로 변경되고 색상이 흰색으로 바뀝니다 (변경하려는 다른 CSS). 이것은 훌륭한 크로스 브라우저 지원 (Internet Explorer에서는 작동하지 않으며 아마도 Opera가 아니기도합니다)을 가지고 있지는 않지만 복잡한 일종의 버그가있는 JavaScript 스크립트 없이는 가능한 유일한 해결책이라고 생각합니다.

자세한 정보 : http://www.quirksmode.org/css/selection.html