::selection

글을 선택하면 맥에선 배경색이 푸르스름한 색이 된다. 근데 회색의 글자에 푸르스름한 배경이 들어가니 잘 안보인다. 그래서 바꾸기로 했다. 사실 몰랐는데 찾아보니 ::selection 을 사용하면 되는거였다. 방법은 간단.

::selection { background:#F9DC41; color:#333; }

근데 아직 mozilla에선 지원을 안하는지 ::-moz-selection을 써야한다.
webkit도 ::-webkit-selection을 썼던 것 같은데 지금은 된다.
주의할 점은 ::selection, ::-moz-selection 같이 둘을 동시에 지정할 수 없다는 것.
그래서 두번 적어줘야 한다.

::selection { background:#F9DC41; color:#333; }
::-moz-selection { background:#F9DC41; color:#333; }

어쨌든 적용 완료.

참조

http://www.quirksmode.org/css/selection.html
http://css-tricks.com/9288-window-inactive-styling/

반응형