(To jest za pomocą skryptów treści w rozszerzeniu Chrome)Zastępowanie! Important z CSS i jQuery
muszę zastąpić niektóre właściwości css, że strona internetowa jest oznaczone jako !important. czy to możliwe?
Na przykład, jeśli chcę się pozbyć granicy oznaczonego Ważne:
$(".someclass").css('border','none'); //does not work
tu proszę:
$('.someclass').each(function() {
this.style.setProperty('border', 'none', 'important');
});
żywo demo:http://jsfiddle.net/Gtr54/
The .setProperty metoda obiektu elementu style obiekt umożliwia przekazanie trzeciego argumentu, który reprezentuje wysyła priorytet. Tak więc nadpisujesz ważną wartość ze swoją własną ważną wartością. O ile mi wiadomo, nie jest możliwe ustawienie ważnego priorytetu z jQuery, więc jedyną opcją jest wbudowana metoda .setProperty.
Pracowałem dla mnie. =) – diggersworld
Fails w IE8 z "Obiekt nie obsługuje tej właściwości lub metody" – stuartdotnet
@StuartDobson Tak, nie powiodło się w IE8 -.- –
Można też to zrobić:
$(".someclass").css("cssText", "border: none !important;");
to nadpisze styl – Miguel
Wierzę, że to jest punkt @Miguel: D – hawkeye126
jest też inny sposób
$("#m_divList tbody").find("tr[data-uid=" + row.uid + "]").find('td').css("cssText", "color: red !important;");
css:; ("parametr CSSText", "kolor czerwony ważne;!")
$(".someclass").attr("style","border:none!important");
To powinno pomóc.
Czy szukałeś SO? Znalazłem http://stackoverflow.com/questions/462537/overriding-important-style-using-javascript –
@ ŠimeVidas: To pytanie dotyczy Javascript; to pytanie dotyczy jQuery. Rozwiązanie może być takie samo na końcu, ale autor pytania nie wiedziałby o tym (ani ja), i myślę, że większość programistów zgodziłaby się, że najlepszą praktyką jest użycie rozwiązania jQuery, gdy takie istnieje. –