[CSS] ::Selection / 마우스 드래그시 색상 변경

지원되는 브라우저

chrome, edge, Firefox, opera, safari, samsung internet, IE.. 

 

드래그 시 색상 및 css 적용 가능

 

예시

::-webkit-selection{
    background: #fcc419;
    color: white;
    text-shadow: 1px 1px 2px #222;
}
::-moz-selection{
    background: #fcc419;
    color: white;
    text-shadow: 1px 1px 2px #222;
}
::selection{
    background: #fcc419;
    color: white;
    text-shadow: 1px 1px 2px #222;
}

 

- text-weight 는 적용x

- ::-mox-selection, ::selection 처럼 클래스명 연속 사용했을 때 적용 안됨

 

 

기본

 

css 변경 후