반응형
HTML5_CSS3/자주 사용하는 것
-
input 커스텀 정리(태그 구조로 분류)HTML5_CSS3/자주 사용하는 것 2024. 7. 12. 14:18
input 커스텀 정리내 입장에서는 기본 input을 사용하는 게 여러모로 편리하겠지만, 100중에 90은 디자인된 input이 주어진다.나는 주로 label을 커스텀하는 방식을 많이 사용했었는데, 이는 아래와 같은 장단점을 가진다. ➡️ input + label의 구조 / label에 커스텀하기input 뒤에 label이 오는 구조로 잡고, input은 {display: none;appearance: none}처리 후 label을 커스텀하는 방법 Click me "> HTML 삽입미리보기할 수 없는 소스/* 숨긴 input 요소 */input[type="checkbox"] { display: none; appearance: none;}/* 커스텀 la..