So überschreiben Sie die jQuery UI Widget-Stile und behalten die Funktionalität bei

8

Ich verwende die jQuery-Benutzeroberfläche für eine interne Anwendung.

Ich suche nach einer einfachen Möglichkeit, alle von jQuery UI bereitgestellten Stilinformationen für eine bestimmte Widget-Instanz zu entfernen. Ich bin offen für alles, aber eine wiederverwendbare Javascript-Lösung wäre perfekt. Es ist absolut unerlässlich, dass keine Funktionalität verloren geht.

Das Wichtigste ist, dass alle Hintergrundbilder entfernt werden. Ich behalte die Layoutstile bei.

Idealerweise so etwas wie ...

%Vor%

Aber ich bin offen für alles, was es mir erlaubt, Widget-Stile auf flexible Weise zu ändern.

Das Endziel ist, so viel Kontrolle von Stilen wie möglich zu haben

    
Derek Adair 25.10.2010, 19:01
quelle

4 Antworten

16

Um die jquery-ui CSS zu überschreiben, verwenden Sie das !important -Tag.

%Vor%     
Derek Adair 05.11.2010, 21:34
quelle
4

Der einfachste Weg, CSS-Stile / Klassen zu entfernen, ist die Verwendung. removeClass() . Um zum Beispiel alle Ecken der Registerkarten zu überschreiben und nur obere Ecken zu haben, verwende ich es wie folgt:

%Vor%

Hoffe, das hilft!

    
Sandro 01.02.2012 10:03
quelle
0

Sie könnten ganz einfach eine eigene removeStyles-Funktion erstellen.

%Vor%

Dadurch werden alle Stile aus dem ausgewählten Element entfernt.

Bearbeiten: Wenn Sie nur die Klassen entfernen möchten, die jquery ui erstellt hat, haben Sie nur eingeschränkte Optionen. Sie können die Klassen im Klassenattribut mit einer Liste von jquery-ui-Klassen vergleichen, die Sie eingegeben haben. Es gibt keine magische Kugel, die jquery ui automatisch entfernen wird.

    
Cyril Gupta 25.10.2010 19:04
quelle
0

Sie können die CSS-Datei einfach entfernen und mit dem gewünschten Layout neu erstellen. es ist eine Menge Arbeit, aber das ist der Preis, der damit einhergeht ...

    
DoXicK 25.10.2010 19:16
quelle