Скрытие входного счетчика с использованием styled-компонента

Question

Существует множество решений, позволяющих скрыть входной счетчик с помощью css.Один из них:

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

Я хочу знать, как я могу реализовать его в styled-component?Спасибо

Answer 1

Объявите как это:

const Input = styled.input`
    ::-webkit-inner-spin-button{
        -webkit-appearance: none; 
        margin: 0; 
    }
    ::-webkit-outer-spin-button{
        -webkit-appearance: none; 
        margin: 0; 
    }    
`;

Используйте как это:

<Input type="number">