Как изменить important стиль средствами javascript?

157
20 января 2019, 15:00

Есть какой-либо элемент, к которому применили стиль с important:

element {
  property: value !important;
}

Могу ли я его изменить средствами javascript?

Пробовал вот так, но не получилось:

element.style.property = "new_value !important"
Answer 1

Самый короткий вариант

Используй style.setProperty для своего элемента, где 3-им параметром передается приоритет:

element.style.setProperty("property", "value", "important")

Пример изменения цвета блока:

let button = document.querySelector('.changeStyle'); 
let block = document.querySelector('.testBlock'); 
 
button.addEventListener('click', () => { 
  block.style.setProperty("background-color", "blue", "important") 
})
.testBlock { 
  width: 100%; 
  height: 100px; 
  background-color: green !important; 
}
<div class="testBlock"></div> 
<button class="changeStyle">Поменять цвет на синий</button>

READ ALSO
Подвижный контрол
c#

Подвижный контрол

Подскажите, а как в WPF можно сделать подвижный контрол? Ну скажем, в контейнере есть какая-то кнопка и я хочу дать возможность менять ее размеры...

 202
Метод страно себя ведет если создавать его в другом класе и cделать cсылку на него
c#

Метод страно себя ведет если создавать его в другом класе и cделать cсылку на него

В первом случае метод работает правильно, курсор после открытия формы перемещается на старт

 156
Получение видео с web-камеры
c#

Получение видео с web-камеры

Как обращаться с web-камерой есть специальная библиотека, с этим проблем нетНо есть проблема, если камеру воткнуть в карту выдеозахвата, она...

 161
Как правильно, в WPF в рамках паттерна MVVM подключить Progressbar
c#

Как правильно, в WPF в рамках паттерна MVVM подключить Progressbar

Собираюсь в своем приложении сделать индикатор процесса, и сейчас встал вопрос, а как правильно подключить Прогрессбар, чтобы он вписался...

 165