react-select：覆盖默认样式并删除可清除的“x”图标

Question

感谢您打开这个问题。我实现了react-select。

            <Select
              searchable
              clearable
              name="form-field-name"
              options={options}
              value={this.state.value}
              onChange={this.onChange}
            /> 

将页面更改为 时RTL，我padding-right在所选选项的开头有一些空格 ( )。随附的屏幕截图阐明了这一点。我试着添加

.has-value.is-clearable.Select--single > .Select-control .Select-value { padding-right: 10px; }

到我自己的 CSS 但这没有奏效。请帮我修复它。

另一个问题，清除文本的“x”我找不到删除它的方法，问题是它既不能清除文本也不能删除。我在有/没有searchable财产的情况下使用了两种方式。此外，由于返回了空值，因此单击时会生成错误（我使用控制台发现了这一点）。请看下面的截图。

Answer 1

我不确定你的第一个问题。

要删除“x”，请将isClearable道具设置为false.

<Select
  searchable
  isClearable={false}
  name="form-field-name"
  options={options}
  value={this.state.value}
  onChange={this.onChange}
/>