在悬停/单击时反应引导覆盖表单的颜色

Question

我正在尝试覆盖 React-Bootstrap Form 组件的颜色。我希望背景颜色是十六进制 #44494f 而不是这张图片中的默认蓝色：

现在这是我的代码 - 我尝试通过 background-color、border-color 或 color 编辑 search-bar 类，但它们似乎都不起作用：

export const Markets = () => {

  return (
      <Form className="search-bar">
        <Form.Control
          placeholder="Search Markets"
          onChange={(e) => setSearch(e.target.value)}
        />
      </Form>
  );
};

Answer 1

尝试这样做，

.search-bar {
background-color: #44494f !important;
}

或

<Form className="search-bar" style="background-color: #44494f">