Я попытался ввести стиль, используя этот код:
document.body.style.color='green!important';
Per каскадный CSS-код, применяя правило !important, я могу перегнать начало и специфичность.
Я попытался добавить это с помощью Firefox Firebug на www.google.com, но не повезло.
Как мне добавить цвет переднего плана с помощью правила !important?
В спецификации, если вы хотите установить приоритет, а не только значение, вы должны использовать setProperty, например:
document.body.style.setProperty ("color", "green", "important");
element.style.cssText = 'color:green !important';
должен работать на вас.
все ответы велики, но все они предполагали, что атрибут value атрибута fixed, что если не
взгляните на мое решение
this.style.setProperty("color", $(this).css('color'), "important");
вместо hand writing значение, я получил его с помощью jquery $(this).css('attr')
Используйте только это:
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;}')
Я бы хотел сказать, что он может работать не столько из-за какой-либо ошибки в коде (кроме пробела), но и из-за того, что изменение тега body не является достаточно определенным элементом, классом или тем, создайте желаемый эффект.
Как, например, текст страницы результата поиска имеет класс "st".
все результаты поиска инкапсулируются в
<li>
тег.
Итак, некоторый код для такого эффекта может выглядеть так:
var arr = document.getElementsByClassName('st');
for(i=0; i<arr.length; i++){
arr[i].style.color="green";
}
style.cssText - единственный способ добавить! important.
<script>
document.body.style.cssText='color: red !important;'
</script>
мне нужно сохранить! важно для следующего кода, как это сделать
<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>?