CSS :: select는 자동으로 색상과 배경색을 바꿉니다.

Question

::selection CSS 구조를 사용하고 있습니다. 내 텍스트가 흰색 배경 위에 검은 색으로 쓰여 있지만, 예를 들어 파란색, 녹색 또는 빨간색으로 쓰여진 일부 요소의 경우. 선택하면 텍스트의 색상과 배경색이 바뀝니다. 일반 텍스트는 검은 색으로 흰색, 빨간색 텍스트는 빨간색으로 흰색으로 표시됩니다.

물론, 내가 가진 각 종류의 텍스트에 대해 특정한 규칙을 적용함으로써 그렇게 할 수 있습니다. 그러나 자동으로이 작업을 수행 할 수있는 간단한 방법이 있는지 궁금합니다. 즉, 가능한 모든 종류의 텍스트를 생각할 필요가 없습니다. 지정된 글꼴 색상을 복용에 우리가 가지고있는 가장 가까운 것은 background-color: currentColor이지만 다른 값으로 color을 설정하면, currentColor 대신 원래의 새 값을 취합니다

Answer 1

불행하게도, 자동으로 수행 할 수있는 방법이 없습니다.

의 의미,이 규칙은 : currentColor이 color: white 선언 후 복용, white에 컴퓨팅을 종료하기 때문에

::selection { 
    background-color: currentColor; 
    color: white; 
} 

실제로, 텍스트 색과 흰색의 배경 색상을 모두 설정합니다. 이것은 background-color 선언 앞뒤에 관계없이 적용됩니다.

내 뜻을 나타내는 interactive fiddle입니다.