❓ 문제내용
input 태그에 focus했을때 CSS로 border 속성을 줬는데 적용이 안된다
input:focus {
border: 1px solid orange;
}
❗️ 해결방법
브라우저에 기본값으로 설정되어 있는 outline 속성값을 none으로 지정해주어야 border 색깔을 변경할 수 있다
input:focus {
outline: none;
border: 1px solid orange;
}
'CSS' 카테고리의 다른 글
| [CSS] 텍스트가 넘칠경우 생략해서 ... 보여주는 방법 (0) | 2022.08.08 |
|---|---|
| [CSS] transform에서 자주 사용하는 함수 정리, perspective 함수와 속성, backface-visibility 속성 (0) | 2022.05.23 |
| [CSS] transition 속성으로 애니메이션 효과 주기 (0) | 2022.05.11 |
| [CSS] transform, keyframes로 애니메이션 효과 주기 (0) | 2022.05.10 |
| [CSS] flex 속성 정리 (0) | 2022.05.04 |
댓글