변경 텍스트 선택 색상

가능한 중복 :
Change color of selection 변경 텍스트 선택 색상

어떻게 this site 텍스트 선택 핑크보다는 파란색의 브라우저의 기본을 만들기 위해 관리합니까?

이

enter image description here

출처

2011-09-10 Lightness Races in Orbit

@David : [그것은 오타가 아닙니다.] –

토치 우드가 4 번째 시즌을 가지고 있음을 알려 주셔서 감사합니다. 그럼에도 불구하고 괜찮은 엔터테인먼트. –

선택의 정확한 * 색상 *은 일반적으로 사이트가 http://html5boilerplate.com/을 사용하고 있음을 의미합니다. – thirtydot

그것은 ::selection 의사 요소를 통해 정의 될 것 같다

::selection { 
background: #FF5E99; 
color: white; 
text-shadow: none; 
}

이 http://www.quirksmode.org/css/selection.html

IE9보기를 지원, 이전 IE의하지
파이어 폭스 지원은 할 그것을 통해 ::-moz-selection
Chrome과 Safari가이를 완벽하게 지원하는 것 같습니다.

출처

2011-09-10 20:04:34

::selection 및 ::-moz-selection 선택 도구를 사용하여 선택 항목의 스타일을 지정하십시오.

::selection{background:black; color:white} 
::-moz-selection{background:black; color:white}

moz 및 표준에 대해 두 가지 별도의 규칙이 필요합니다. 문서 : 자기 설명이다

::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}

희망 : 당신이 준 링크 페이지의 CSS 파일의 one에서 더 ::-webkit-selection 규칙

출처

2011-09-10 20:04:49 Mohsen

두 개의 (중복 된) 규칙으로 작성되어야합니다 : :: selection {...} :: - moz -selection {...}'. 선택기':: selection, :: - moz-selection'은 (어떤 이유로) 작동하지 않습니다. –

@ îime : "Redundant"[느슨하게]는 필수는 아니지만 사용자의 의견은 꼭 필요한 것임을 의미합니다. 무엇 이니?! –

@Tomalak 잘못된 용어를 사용했습니다. 중복되지는 않지만 두 가지 별도의 규칙이 있어야합니다. 예를 들면 : :: selection {background-color : yellow; } :: - moz-selection {배경색 : 노란색; }'. ':: selection, :: - moz-selection' 셀렉터를 사용하면 파이어 폭스는 전체 규칙을 무시합니다 ... –

없다 https://developer.mozilla.org/en/CSS/%3A%3Aselection

하는 것으로는, 이 발견했다.

출처

2011-09-10 20:10:19

네, 그게 제가 찾고 있던 것입니다. –

변경 텍스트 선택 색상

답변

관련 문제