[CSS]input, button 포커싱 또는 클릭 시 테두리 지우기

outline:none;

HTML에서 <input>과 <button>을 아무 처리 없이 사용하게 될 경우, 아래 처럼 테두리에 하이라이트가 생깁니다.

input에서 생기는 하이라이트

button에 생기는 하이라이트

 

하이라이트를 없애면, 클릭해도 테두리가 보이지 않습니다.

input 하이라이트 사라짐.

button 하이라이트 사라짐.

이 하이라이트를 없애는 코드는 아래와 같습니다.

outline:none;

 

 

도움이 되셨다면, 광고 한 번씩 눌러주세요.