如何摆脱或删除反应选择中的微调器/箭头？

Question

我正在使用 from react-select 但我无法从下拉列表中删除微调器/箭头。

我可以删除默认分隔符 | 和下拉指示器使用

<Select

  components={{

    IndicatorSeparator: () => null, DropdownIndicator: () => null

  }}

  {...}

/>

但是我怎样才能摆脱这些箭头呢？

Answer 1

type=number我相信您正在某处为元素设置input。为了删除向上/向下箭头。/* Chrome, Safari, Edge, Opera */input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}/* Firefox */input[type=number] {  -moz-appearance: textfield;}