728x90
반응형
HTML 태그 중 input 태그를 사용하다 보면 현재 사용자가 어떤 input 태그를 사용하고 있는지 활성화시켜주기 위해 강조해주는 하이라이팅 효과가 생기게 됩니다. 보통 하늘색 네모난 박스의 하이라이팅이 표시되죠. 하지만 해당하는 효과를 커스터마이징하기 위해 하이라이팅 효과를 제거해야될 경우가 생기게 됩니다.
해결방법
input태그의 outline 스타일 속성을 none 으로 설정하면 간단하게 해결할 수 있습니다.
input:focus { outline: none; }포커스(focus)된 태그(input:focus)의 아웃라인(outline)을 none으로 설정하는 코드입니다. 해당 코드는 모든 input 태그의 하이라이트 효과가 제거됩니다.
728x90
반응형
그리드형
'개발 > HTML5' 카테고리의 다른 글
| HTML 모바일에서 전화걸기 예제(초간단) (How to Create a Click to Call Link Using HTML) (4) | 2020.11.06 |
|---|---|
| input 커서(caret) 색상 바꾸는 방법 (How to change input box cursor color) (2) | 2020.10.26 |
| HTML에서 가운뎃점 · | middle dot 쉽게 찍는 법 (5) | 2020.10.12 |
| html img 태그에 디폴트 이미지 적용하는 방법 (show default image if image not found in HTML 5) (3) | 2020.09.08 |
| DTD(Document Type Definition) - 문서 형식 정의 (0) | 2020.02.18 |
이 포스팅은 쿠팡파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
