input 태그를 이용할 때, 기본 스타일이 들어가 있어서 CSS 단계에서 어려움을 겪는 경우가 많다.
그럴 때는 기본으로 적용되어 있는 것들을 none처리 해 주면 간단하게 스타일을 초기화 시킬 수 있다!
1. border
-> input태그의 겉테두리를 뜻하며, border: none; 처리로 없앨 수 있다.
2. outline
-> 인풋창을 활성화하고 있을 때 border: none;처리를 해도 의문의 테두리가 뜨게 되는데 outline: none; 처리를 해 주면 의문의 테두리가 싹 사라진다.
3. background-color
-> Input 창 내 배경화면 색 설정! transparent 나 본인이 원하는 색으로 바꿔 주어도 된다. 기본 값은 white로 설정되어 있는듯하다!
오늘도 잘 해냈다!
'TIL' 카테고리의 다른 글
| 230830) input 태그에 스타일 적용하기 (label이용) (0) | 2023.08.30 |
|---|---|
| 230829) Input 태그 사용 시 최대 글자 수 제한 (0) | 2023.08.29 |
| 230825) react 에서 image 파일 폴더 생성하고 쉽게 불러오기 (0) | 2023.08.25 |
| 230824) typeof number인 '0'의 결과값이 NaN으로 뜨는 현상 (0) | 2023.08.24 |
| 230823) input type="file"로 사용 시 특정 형식 파일만 업로드 할 수 있게 하는 방법 (0) | 2023.08.23 |