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属性的两种方式。此外，它在单击时会生成错误，因为返回了null值（我使用控制台计算出来）。请看下面的截图。

Answer 1

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

删除＆＃39; x＆＃39;将isClearable道具设为false。

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