Kann ich ein benutzerdefiniertes Symbol für eine jQueryUI-Schaltfläche festlegen?

8

Ist es möglich, eine jQueryUI-Schaltfläche mit einem benutzerdefinierten Symbol zu erstellen, dh: ein Symbol, das nicht Teil der Sprite-Symbole ist, die mit jQueryUI bereitgestellt werden?

Ich verwende die ButtonSet-Funktionalität für eine Gruppe von 3 Kontrollkästchen, brauche aber ein stilisierteres Symbol als das, was im Lieferumfang enthalten ist ...

    
Boycs 14.05.2010, 13:07
quelle

2 Antworten

9

Hat es mit einem CSS-Hack ausgearbeitet.

Richten Sie die Schaltfläche wie normal ein und geben Sie dem primären Symbol die unten definierte Klasse "Fehler"

%Vor%

Das! wichtig überschreibt die ui-icon-Definition für background-image.

    
Boycs 14.05.2010, 13:44
quelle
4

Ich nahm diesen Ansatz für einen meiner Knöpfe und entdeckte einige interessante Dinge:

  1. Ich musste den "! wichtig" override
    2. nicht verwenden
  2. Ich musste die Hintergrund-Position für meinen Button einstellen (ansonsten würde ich den Hintergrund weit außerhalb des Buttons sehen)
  3. Es sieht so aus, als könnten Sie auch alles, was Ihnen gefällt, in den jQueryUI-Primärsymbolnamen einfügen - es benötigt nur etwas als Platzhalter.

Für meine Zwecke endete ich mit:

Javascript:

%Vor%

CSS:

%Vor%

HTML:

%Vor%     
Ben 18.03.2012 03:11
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset C # - Einfügen mehrerer Zeilen mit einer gespeicherten Prozedur