Wie wendet man !important mit .css() an?

Question

Ich habe Probleme bei der Anwendung eines Stils, der !important . Ich habe es versucht:

$("#elem").css("width", "100px !important");

Dies bedeutet nichts ; keine Breite Stil überhaupt angewendet wird. Gibt es eine jQuery-ish Weise der Anwendung eines solchen Stils, ohne zu überschreiben cssText (was bedeuten würde, dass ich sie zuerst parsen müsste usw.)?

Editar : Ich sollte hinzufügen, dass ich ein Stylesheet mit einem !important Stil, den ich versuche, mit einer !important Stil inline, also mit .width() und dergleichen funktioniert nicht, da sie von meiner externen Software überschrieben wird. !important Stil.

Außerdem wird der Wert, der den vorherigen Wert überschreibt wird errechnet Ich kann also nicht einfach einen anderen externen Stil erstellen.

Answer 1

Zu Ihrer Information: Es funktioniert nicht, weil jQuery es nicht unterstützt. Es gab ein Ticket auf 2012 eingereicht ( #11173 $(elem).css("property", "value !important") schlägt fehl ), das schließlich als WONTFIX geschlossen wurde.

Answer 2

Zuerst müssen wir den vorherigen Stil entfernen. Ich entferne ihn mit einem regulären Ausdruck. Hier ist ein Beispiel für die Änderung der Farbe:

var SetCssColorImportant = function (jDom, color) {
       var style = jDom.attr('style');
       style = style.replace(/color: .* !important;/g, '');
       jDom.css('cssText', 'color: ' + color + ' !important;' + style); }

Answer 3

Ich denke, es funktioniert gut und kann jedes andere CSS vorher überschreiben (dies: DOM-Element):

this.setAttribute('style', 'padding:2px !important');

Answer 4

Vielleicht sieht es so aus:

Cache

var node = $('.selector')\[0\];
OR
var node = document.querySelector('.selector');

CSS einstellen

node.style.setProperty('width', '100px', 'important');

CSS entfernen

node.style.removeProperty('width');
OR
node.style.width = '';

Answer 5

Ein alternativer Weg, den Stil im Kopf anzuhängen:

$('head').append('<style> #elm{width:150px !important} </style>');

Damit wird der Stil an alle Ihre CSS-Dateien angehängt, so dass er eine höhere Priorität als andere CSS-Dateien hat und angewendet wird.