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
관리 메뉴

말하는 감자의 성장 기록

[styled components] input type="number" 화살표 제거하기 본문

CSS/Styled-Components

[styled components] input type="number" 화살표 제거하기

말하는 감자 0호 2024. 8. 4.

<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' 카테고리의 다른 글

[styled components] select 태그 placeholder 색상 설정  (0) 2024.08.04
'CSS/Styled-Components' Related Articles more