크롬브라우저에서 실행시 입력박스(text, number 등)를 클릭하면 default값으로 검은 테두리가 생긴다고 한다.
이를 제거해주어야 :focus가 적용된다. 제거는 outline: none; 을 이용하면 된다.
/*css 예시*/
#billNum:focus{
outline: none;
border: 2px solid blue;
}
참조: https://myhappyman.tistory.com/144
'SW공부 > HTML&CSS' 카테고리의 다른 글
[CSS] 컨텐츠가 박스 밖으로 넘칠 때 (overflow) (0) | 2023.02.15 |
---|---|
[CSS] px 와 rem (0) | 2023.02.15 |
[CSS] input type="number"에서 위아래 화살표 지우는 방법 (0) | 2023.02.05 |
[HTML] input 요소 안내 문구 (placeholder) (0) | 2023.02.05 |
[CSS] 그림자 넣기 : box-shadow (0) | 2023.01.15 |