jquery ui-Button-Symbol nicht

in firefox zentriert Ich habe diese Tastejquery ui-Button-Symbol nicht

$('#galery .buttonClose').button({ 
    icons: { 
     primary: "ui-icon-closethick", 
     text: false 
    } 
});

css:

#galery .buttonClose{position: absolute; top: 3px; right: 3px; height: 30px; width: 30px;}

Es funktioniert auf Chrome fein das Symbol auf die Schaltfläche zentriert ist, aber in Firefox das Symbol komplett nach unten

jsFiddle: http://jsfiddle.net/nDMV8/2/

Diese scheint ein häufiger Fehler in jQuery UI zu sein Ich denke, sie sollten etwas planen, wenn Sie versuchen, eine Schaltfläche ohne Text zu setzen, um die CSS korrekt einzustellen und in allen Browsern zu arbeiten. Wie sie auf ihre Themen Seite alle Symbole zeigen (unten):

Quelle

2012-03-28 Jerome Ansia

Bitte post das HTML und ein jsFiddle würde auch helfen. – j08691

mein ganzes HTML wird in js erzeugt, aber ich werde versuchen, dieses in jsFiddle –

zu reproduzieren, scheint ein allgemeiner Programmfehler zu sein! –

Sie haben auch Ihren Text: falsche Option an der falschen Stelle, sollte es sein:

{ icons: { primary: "ui-icon-closethick" }, text: false }

Dank

Dann jmoerdyk musste ich einfach eingestellt die Höhe um 32px und behoben!

Quelle

2012-03-29 14:06:18

#galery .buttonClose{ 
    top: 3px; 
    right:3px; 
    height: auto; 
    padding-top:5px; 
    padding-bottom:5px; 
    width: 35px; 
}

Ein Beispiel here. Getestet in Chrom, ff und ie.

enter image description here

Quelle

2012-03-28 16:42:54

Vielen Dank perfekt für die Höhe, aber ich habe immer noch ein Problem, wenn ich es versuche reduzieren Sie die Breite, mit diesem Ergebnis ist ziemlich gut #galery .buttonClose {Position: absolut; oben: 3px; rechts: 3px; Höhe: Auto; padding-top: 19px; Breite: 32px;} aber immer noch nicht perfekt in Chrome diesmal nur 1 Pixel –

Sie sollten wirklich das in jQuery ui beheben .... –

Ja, Sie haben Recht. –

jquery ui-Button-Symbol nicht

Antwort

Verwandte Themen