reactjs - 如何从 react-color 更改 ChromePicker 中色板的背景颜色？

Question

我在我的 react 项目中使用 react-color 的 ChromePicker，但我无法弄清楚如何更改样本的背景颜色。在某处阅读我必须安装 reactcss 包才能做到这一点。说明不清楚，tbh。

如果有人可以帮助我，那就太好了。提前致谢。

标签： reactjsreact-color

Answer 1

您可以添加自己的 CSS 来覆盖库组件的默认值。看起来该组件是在 a 中呈现的<div class="chrome-picker">...</div>，因此您应该能够添加到导入到您的应用程序中的任何 CSS 文件中：

应用程序.css

.chrome-picker {
  background-color: #FF0000;
}

您可能会发现它应用得太早了，在这种情况下，请尝试!important在颜色之后添加以确保它本身不会被覆盖。