Wie kann ich Inline-„!important'-Stile mit JavaScript überschreiben?

Inline-!important-Stile mit JavaScript überschreiben

Die .css()-Methode von jQuery wendet keine Stile an, die mit dem !important-Attribut markiert sind. Dies kann frustrierend sein, wenn Sie versuchen, vorhandene Inline-Stile zu überschreiben, die !important enthalten.

Lösung:

Überwinden Sie diese Einschränkung mit einer dieser Methoden:

1. Verwenden Sie addClass() mit einer Klasse Regel:

   • Erstellen Sie eine CSS-Klasse mit dem gewünschten !important-Stil:

     .importantRule { width: 100px !important; }

   • Wenden Sie die Klasse auf das Ziel an Element:

     $('#elem').addClass('importantRule');

2. Verwenden Sie attr(), um den Inline-Stil festzulegen:

   • Diese Methode überschreibt alle vorhandenen Inline-Methoden Stile:

     $('#elem').attr('style', 'width: 100px !important');

   • Um vorhandene Inline-Stile beizubehalten, verwenden Sie diese modifizierte Version:

     $('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

Das obige ist der detaillierte Inhalt vonWie kann ich Inline-„!important'-Stile mit JavaScript überschreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!