Input 태그 테두리 하이라이트 제거하는 방법 (How to remove the border highlight on an input)

남양주개발자

·

2020. 10. 25. 08:00

728x90
반응형

Input 태그 하이라이트 없애기 (How to remove the border highlight on an input)

HTML 태그 중 input 태그를 사용하다 보면 현재 사용자가 어떤 input 태그를 사용하고 있는지 활성화시켜주기 위해 강조해주는 하이라이팅 효과가 생기게 됩니다. 보통 하늘색 네모난 박스의 하이라이팅이 표시되죠. 하지만 해당하는 효과를 커스터마이징하기 위해 하이라이팅 효과를 제거해야될 경우가 생기게 됩니다.

해결방법

input태그의 outline 스타일 속성을 none 으로 설정하면 간단하게 해결할 수 있습니다.

input:focus { outline: none; }

포커스(focus)된 태그(input:focus)의 아웃라인(outline)을 none으로 설정하는 코드입니다. 해당 코드는 모든 input 태그의 하이라이트 효과가 제거됩니다.

728x90
반응형
그리드형

이 포스팅은 쿠팡파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

💖 저자에게 암호화폐로 후원하기 💖

아이콘을 클릭하면 지갑 주소가자동으로 복사됩니다