如何更改react选择颜色

IT技术 reactjs react-select
2021-05-01 16:25:52

我不确定如何将颜色从默认蓝色更改为其他颜色。示例代码位于下面的代码和框链接中。我尝试更改 root 的样式，但没有成功。

https://codesandbox.io/s/ly87zo23kl

1个回答

2.1.0 版react-select增加了覆盖主题的选项。

这是它如何工作的示例：

<Select
    defaultValue={flavourOptions[0]}
    label="Single select"
    options={flavourOptions}
    theme={(theme) => ({
      ...theme,
      borderRadius: 0,
      colors: {
      ...theme.colors,
        text: 'orangered',
        primary25: 'hotpink',
        primary: 'black',
      },
    })}
  />

您可以在此处找到完整的文档和现场示例以及可以在此处覆盖的不同变量。

其它你可能感兴趣的问题
上一篇如果条件使用 React Router V4 更改路由 下一篇Gatsby.js：使用 URL 参数和浏览器后退/前进按钮导航