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;
}

카테고리

분류 전체보기 (711)
About me. (6)
Daylogs (676)
영어공부 (0)
My works - 추억 (29)
비공개 (0)