Как изменить шрифт и цвет рамки компонента Button в MD Bootsrap React - PullRequest
Новая
       14

Как изменить шрифт и цвет рамки компонента Button в MD Bootsrap React

0 голосов
/ 31 марта 2020

Поэтому я использую компонент кнопки из MDBootrap . Чтобы быть точным c Я использую Компонент Кнопки Схемы , который выглядит следующим образом:

enter image description here

Код, который дан на веб-сайте для этого конкретного компонента выглядит следующим образом: 

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

Мне было интересно, есть ли способ изменить цвет шрифта, а также цвет границы этого компонента кнопки, поскольку в данный момент он не соответствует хорошо с темой моего сайта. Спасибо!

1 Ответ

0 голосов
/ 31 марта 2020

Если вы хотите повторно использовать стили, создайте новый класс css: 

.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>

nb css class my-cusomized-button и pink в качестве цвета. Используйте ваши цвета и класс, который лучше соответствует вашим потребностям

...