Есть какой-либо элемент, к которому применили стиль с important:
element {
property: value !important;
}
Могу ли я его изменить средствами javascript?
Пробовал вот так, но не получилось:
element.style.property = "new_value !important"
Используй 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>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей