CSS3 표준으로 확정이 되기 이전 혹은 브라우저 개발사가 실험적으로 제공하는 기능을 사용할 경우 벤더 프리픽스를 이용하여야 한다. 브라우저의 버전이 올라감에 따라 벤더 프리픽스를 사용하지 않아도 될 수 있지만 구형 브라우저 지원을 위해 사용할 필요가 있다.
브라우저별 벤더 프리픽스
브라우저
벤더 프리픽스
IE / Edge
-ms-
Chrome
-webkit-
Firefox
-moz-
Safari
-webkit-
Opera
-o-
iOS Safari
-webkit-
Android Browser
-webkit-
Chrome for Android
-webkit-
1 2 3 4 5 6
* { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ }
Prefix Free 라이브러리
브라우저들을 맞추기 위해 하나하나 벤더 프리픽스를 사용하게 될 경우 코드의 양이 늘며, 브라우저의 업데이트가 빈번하게 이뤄지고 있으므로 불필요한 코드가 존재하게 될 경우가 많다. 사용하지 않아도 될 벤더 프리픽스를 사용하는 것은 성능에도 영향을 줄 수 있기 때문에 Prefix Free 라이브러리를 사용하는 것도 유용하다.