Я не могу ввести стиль с правилом "! Important"

Ответ 1

В спецификации, если вы хотите установить приоритет, а не только значение, вы должны использовать setProperty, например:

document.body.style.setProperty ("color", "green", "important");

Ответ 2

element.style.cssText = 'color:green !important';

должен работать на вас.

Ответ 3

все ответы велики, но все они предполагали, что атрибут value атрибута fixed, что если не

взгляните на мое решение

this.style.setProperty("color", $(this).css('color'), "important");

вместо hand writing значение, я получил его с помощью jquery $(this).css('attr')

Ответ 4

Используйте только это:

document.body.style.color="green";

вы не можете использовать важные для этого способы. В любом случае, как указывал Fatal, это не сработает, когда в CSS-таблице стилей есть важное правило, которое вам нужно переопределить.

Таким образом, вы должны динамически создавать таблицу стилей и рекламировать ее внутри головы:

function addNewStyle(newStyle) {
   var styleElement = document.getElementById('styles_js');
   if (!styleElement) {
       styleElement = document.createElement('style');
       styleElement.type = 'text/css';
       styleElement.id = 'styles_js';
       document.getElementsByTagName('head')[0].appendChild(styleElement);
   }
   styleElement.appendChild(document.createTextNode(newStyle));
}

Затем вы можете обновить стиль именно так.

addNewStyle('body {color:green !important;}')

Ответ 5

Я бы хотел сказать, что он может работать не столько из-за какой-либо ошибки в коде (кроме пробела), но и из-за того, что изменение тега body не является достаточно определенным элементом, классом или тем, создайте желаемый эффект.

Как, например, текст страницы результата поиска имеет класс "st". все результаты поиска инкапсулируются в <li> тег.

Итак, некоторый код для такого эффекта может выглядеть так:

var arr = document.getElementsByClassName('st');
for(i=0; i<arr.length; i++){
    arr[i].style.color="green";
}

Ответ 6

style.cssText - единственный способ добавить! important.

<script>
   document.body.style.cssText='color: red !important;'
</script>

Ответ 7

мне нужно сохранить! важно для следующего кода, как это сделать

<script> var size = $(window).width(); 
if(size >="1900" && size <="2890"){
 $(document).ready(function(){ $(".myMove").click(function(){ $(".hqnblogo").animate({ left:'-22% ', top: '67%', height:'7%', }); $(".hqnbnaturalslogo").animate({ left: '86%', top: '20px', height:'7%', }); }); }); } </script>?