css - react js 按钮颜色 css 样式不起作用

Question

我正在使用以下内容在 mypagestyle.styl 中编写自定义 css 样式

:local .mybutton
  border-radius: 1px
  padding: 2px 2px 2px 2px 
  margin: 2px 2px 2px 2px 
  font-size: 14px
  text-align: center
  background-color: #4582ec
  color: #fff

除颜色和背景颜色之外的所有样式都在生效。

只有颜色和背景颜色不起作用。

在 jsx 代码中我有以下内容

<Button className={mypagestyle.mybutton}>{"Test"}</Button>

当我用鼠标右键单击以检查元素时，我看到以下内容

.btn.btn-default 我可以在“样式”选项卡中调整颜色。这是 Bootstrap 样式，但我根本没有指定 Bootstrap 样式，即“btn btn-primary”等。

我(新手)做错了什么？

谢谢

Answer 1

这解决了问题

背景颜色:#4582ec !important 颜色:#fff !important