如何在 MD Bootstrap React 中更改 Button 组件的字体和边框颜色

Question

所以我使用了 MDBootrap. To be specific I'm using an Outline Button Component 的按钮组件，它看起来像这样：

网站上为该特定组件提供的代码如下：

<button type="button" class="btn btn-outline-warning">Warning</button>

我想知道是否有办法更改字体颜色以及此按钮组件的边框颜色，因为目前它与我网站的主题不太匹配。谢谢！

Answer 1

如果要重复使用样式，请创建一个新的 css class:

.btn.my-cusomized-button {
    border-color: pink;
    color: pink;
    background-color: transparent;
    border: 1px solid pink;
}

<button
  type="button"
  class="btn my-cusomized-button"
>
  Primary
</button>

n.b。 css class my-cusomized-button 和 pink 作为颜色只是一个例子。使用您的颜色和 class 更适合您的需要

How to change the font and border color of the Button Component in MD Bootsrap React