样式反应安装反应组件

Question

我从一个自己设计的用户那里下载了一个 react multiselect component。我用npm install .... 安装了它，并且只在我的反应代码中用<MultiSelect .../> 调用该组件。这是一个下拉复选框“菜单”，例如我想将字体颜色更改为另一种颜色。但是，我从该组件中获得了该组件的样式为inline（在浏览器中期待代码时看到了这个），即使我在他的组件调用周围设置了一个div容器并在我的css中设置了color: red不工作。

另一个问题是，我想将下拉菜单的输入字段设置为与下拉复选框不同的颜色。两者都是span 和className。有没有办法为已安装组件的不同类名设置不同的颜色？我现在还没有找到方法......

为了更好地理解，我简要解释了下拉菜单的布局：您首先看到一个可以单击的字段，然后复选框将下拉。如果单击复选框，复选框的名称将出现在上方字段中。如果单击关闭下拉菜单，下拉菜单将关闭，您只会在字段中看到名称选中的复选框（两者都是跨度容器）。我想用另一种颜色设计字段和下拉复选框。

我希望你能解决我的问题并提供帮助。

干杯

Answer 1

尝试按组件名称或给定类名称设置 MultiSelect 样式，使用“！important”：

MultiSelect {
   color: red !important;
 }