Removing the arrows when a mui TextField has type: number

1
2
3
4
5
6
7const NumberTextField = styled(TextField)`
  input[type='number']::-webkit-inner-spin-button,
  input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
`;