type2 [CSS] type number 위아래 버튼 숨기기 input 에서 type을 number로 설정하면 위아래로 올리는 키가 나온다. 이걸 spin button 이라고 하는데, UI 적으로 예쁘지 않아 숨기는 경우가 많다. 공통 css 코드에 inner-spin-button 을 숨겨주면 예쁘게 사용할 수 있다. input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; } 2023. 8. 29. [css] input checkbox 스타일 설정하기 :has 부모요소 선택 input checkbox 스타일을 쉽게 지정할 방법은 어떤것이 있을까? 기존에 작성된 더러운 코드들을 다 뜯어고치고 공통으로 스타일을 찾아보는데 확실시 html구조에서는 label 안에 넣어서 input을 적용해주는게 한눈에 보기에도 직관적이고 좋아보였다.(기존에 내가 짯던 코드들은 요소들이 분리되어있어 한눈에 보기 너무 불편했었다) 문제는 input 에 들어갈 체크박스 스타일을 박아찾아보다가 input type값을 활용해 css에서 부모요소를 찾아 고정 스타일을 주는 방법을 생각해냈다. 👉 main.js const TermsWrap = () => { return ( 약관동의 개인정보 수집동의 ); }; input 요소를 체크해 부모 라벨에 스타일을 입혀주었다. input는 타입에따라 스타일을 고정해서.. 2022. 11. 22. 이전 1 다음 반응형
