Блог

Главная - Вопросы по программированию - Как вы можете удалить !важное свойство CSS?

Как вы можете удалить !важное свойство CSS?

#vue.js

#vue.js

Вопрос:

У меня есть v-icon тег. Я хочу изменить его цвет после события щелчка, но это

не работает, потому что оно установлено как !important в классе vuetify, есть идеи, как я могу

переопределить это свойство?

прикрепленный здесь мой код:

 SetContinueInError(myChip, e) {
  var target = e.target || e.srcElement;
  target.style.setProperty("color", "yellow", "!important");
  myChip.continueInError = myChip.continueInError == true ? false : true;
}, 
 <v-icon @click="SetContinueInError(chip,$event)">error_outline</v-icon>

Ответ №1:

Я изменил v-icon i тег to следующим образом, и он работает для меня:

 SetContinueInError(myChip, e) {
  var target = e.target || e.srcElement;
  target.style.color = "yellow"
  myChip.continueInError = myChip.continueInError == true ? false : true;
}, 
 <i class="material-icons" style="color:gray" @click="SetContinueInError(chip,$event)">error_outline</i>