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

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;

}