본문 바로가기

말하는 감자의 성장 기록

검색하기
말하는 감자의 성장 기록
프로필사진 말하는 감자 0호

  • 분류 전체보기
    • Front-End
      • React
      • React Native
    • CSS
      • Styled-Components
      • Tailwind CSS
    • Back-End
      • Spring
    • 인프라
    • CS
    • 기타
      • C++
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록CSS/Styled-Components

말하는 감자의 성장 기록

[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

CSS/Styled-Components 2024. 8. 4.
[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; }`

CSS/Styled-Components 2024. 8. 4.
이전 Prev 1 Next 다음

Blog is powered by AXZ / Designed by Tistory

티스토리툴바