::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/
반응형