CSS (2) 썸네일형 리스트형 [styled components] select 태그 placeholder 색상 설정 색상 설정const SelectInput = styled.select` color: ${(props) => props.value === "default" ? "#8b8b8b" : "#000000"};`const StyledOption = styled.option` color: #000000;`styled-components 부분은 이렇게 정의하고, placeholder로 설정할 option의 색은 "#8b8b8b" 부분에 적어주면 된다.나머지 option은 Option 컴포넌트를 사용하면 된다. 숫자를 선택해주세요 1 2 3 [styled components] input type="number" 화살표 제거하기 에서 화살표 없애는 방법const TextInput = styled.input` &::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } &::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }` 이전 1 다음