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 you have read our privacy policy.

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