使用styled component隐藏输入微调器

import styled from 'styled-components';

const InputWrapper = styled.div`
  position: relative;
`;

const Input = styled.input`
  /* 输入框样式 */
`;

const Spinner = styled.div`
  /* 微调器样式 */
`;

const HiddenSpinnerInput = styled.input`
  /* 隐藏微调器的输入框样式 */
  display: none;
`;

const HiddenSpinner = () => (
  <InputWrapper>
    <Input />
    <Spinner />
    <HiddenSpinnerInput />
  </InputWrapper>
);

const HiddenSpinner = styled.div`
  position: relative;

  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none;
  }
`;

const App = () => (
  <div>
    <label>数量:</label>
    <HiddenSpinner>
      <input type="number" />
    </HiddenSpinner>
  </div>
);