样式react已安装的react组件

Question

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

另一个问题是，我想用另一种颜色样式下拉下拉框的输入域，而不是下拉的复选框。两者都是带有className的span。有没有办法为已安装组件的不同classNames设置不同的颜色？我现在还没有找到一个方法来做这件事。

为了更好地理解，我简要地解释了下拉菜单的布局:首先看到一个可以单击的字段，然后复选框就会下拉。如果单击复选框，则复选框的名称将出现在上部字段中。如果单击close下拉菜单，则下拉菜单将关闭，并且您只能在字段中看到name selected复选框(两者都是span容器)。我想用另一种颜色来设计字段和下拉式复选框。

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

干杯

Answer 1

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

MultiSelect {
   color: red !important;
 }