Style react已安装的react组件

Question

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

[另一个问题是，我想用不同于下拉复选框的另一种颜色设置下拉菜单的输入字段的样式。两者都是带有span的className。有没有一种方法可以为安装的组件的不同className设置不同的颜色？我现在还没有找到一种方法...

为了更好地理解，我简要解释了下拉菜单的布局：首先看到的是可以单击的字段，然后复选框将下拉。如果单击复选框，则该复选框的名称将显示在上方字段中。如果单击关闭下拉列表，则该下拉列表将关闭，并且您只会在字段中看到所选名称复选框（均为复选框）。我想用其他颜色设计字段和下拉复选框。

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

欢呼声

Answer 1

尝试通过组件名称或给定的类名称使用“！important”样式化MultiSelect的样式：

MultiSelect {
   color: red !important;
 }