样式化已安装的React组件

Question

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

另一个问题是，我想用其他颜色设置下拉列表的“输入”字段的样式，而不是下拉的复选框。两者都是带有color: red的{​​{1}}。有没有一种方法可以为已安装的组件的不同className设置不同的颜色？我现在还没有找到一种方法...

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

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

欢呼

Answer 1

尝试通过组件名称或给定的类名称使用“！important”样式对MultiSelect进行样式设置：

MultiSelect {
   color: red !important;
 }