0

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

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

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

1
  • Можно попробовать использовать атрибут scoped у тега - это включит автодобавление data-атрибута со случайным значением, и оно несколько повысит специфичность селекторов (которую конечно надо повышать и самому, по ситуации) //оффтоп: вообще, я не рекомендую стили в компонентах (чисто по опыту, отдельный файл стилей в поддержке значительно проще когда приложение разрастается)
    – yar85
    26 июл 2021 в 20:18

2 ответа 2

0

Попробуй так

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

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.

1
  • Переведите, пожалуйста, ответ на русский язык, а на источник английского текста (если он есть) дайте ссылку. 3 авг 2021 в 5:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.