CSS: 텍스트가 선택되지 않도록 하기

발생일: 2014.09.11

키워드: css, user-select, prevent selection, 선택되지 않도록

문제:

텍스트를 사용자가 선택하지 못하게 하려고 한다.

해결책:

아래와 같이 user-select 속성을 none 으로 설정해주면 된다.

.prevent_selection {

  -webkit-user-select: none; /* Chrome/Safari */

  -moz-user-select: none; /* Firefox */

  -ms-user-select: none; /* IE10+ */

  /* Rules below not implemented in browsers yet */

  -o-user-select: none;

  user-select: none;

}