Как во Vue переопределять стили Bootstrap?

Question

Если применять этот код

<style lang="scss">
  .custom-btn {
    background: red;
  }
</style>

, то стили не применяются, если я прописываю этот класс в кнопке в template. Срабатывает только с !important, но это не вариант. Есть вариант как это переопределять?

Answer 1

Попробуй так

<style lang="scss">
  ::v-deep .custom-btn {
    background: red;
  }
</style>

Answer 2

1.use the style attribute to add CSS inline on your divs

eg: ...

2.create your own style sheet and reference it after the existing stylesheet

then your style sheet should take precedence.

3.add a element in the of your HTML with the CSS you need,

this will take precedence over an external style sheet.

БЛОГ НА HUSL

Как во Vue переопределять стили Bootstrap?

Ответы (2 шт):