CSS 버튼 클릭 이벤트 테두리 없애기

가이드문구

CSS 버튼 클릭 테두리 없애기


위와 같은 3개의 버튼 생성 후 클릭 이벤트가 있을 때 색상표현을 한다든지 글씨값을 변경해 표현해 줄 수 있습니다.

버튼을 클릭하면 가장자리에 테두리가 남는 부분이 있어 디자인이 이쁘지 않은 경우가 있는데요.

css를 활용해 클릭 이벤트 시 border, outline 옵션으로 테두리를 간단하게 없앨 수 있습니다.


아래 클릭 이벤트 함수를 참고해 주세요.

  1.     btsBtnClick : function(){
  2. $(this).css('border', '0');
  3. $(this).css('outline', '0');
  4.     }



작성자 소개
김경식 프로필
WrapUp 블로거

김경식

먹고, 타고, 쓰고, 취미 생활 공유, 맛집 추천 리뷰 전문가! 지식이 입니다!!