[CSS] user-select 텍스트 선택 효과 없애기

웹 개발을 하다보면

간혹 버튼 등에서 텍스트 선택 효과가 나오는 경우가 있다.

 

[CSS]

span {
            cursor :pointer;
            border : 1px solid tomato;
            padding : 9px;
            background-color: transparent;
            color : tomato;

            /* 추가하여 텍스트 선택효과 방지 */
            user-select: none;
      }

 

위와같이 css를 작성하게되면,

원치않는 텍스트 선택 효과를 막을수 있다.