Ich versuche, ein Symbol größer als die Standardeinstellung 16x16 in den Akkordeonheader zu setzen. Dazu mache ich den folgenden Code:
.ui-accordion-header.user .ui-icon {
background: url(../../Content/Images/User.gif);
height: 32px;
width: 32px;
}
Das Problem ist, dass der untere Teil des Symbols abgeschnitten ist und nicht zentriert ist. Gibt es etwas, das mir fehlt, oder muss ich einige CSS-Standardeinstellungen überschreiben?
Antworten:
0 für die Antwort № 1Ich denke du brauchst
.ui-accordion .ui-accordion-header { height: 32px /* or more */; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 32px /* or more */; }
auch. Das Symbol ist auf gesetzt position: absolute Aus diesem Grund wird der Header nicht auf das Symbol erweitert.
Es ist ziemlich einfach, ein selbstgebrautes Akkordeon zu machen, aber Sie würden ARIA-Unterstützung, jegliche Tastaturzugänglichkeit, die in das Widget integriert ist, ablehnen usw.
0 für die Antwort № 2
Die Anpassung der jQuery-Komponenten lohnt sich aus meiner persönlichen Erfahrung nur, wenn Sie eine Suite davon verwenden und versuchen, ein konsistentes Look & Feel zu erhalten.
Wenn Sie nur auf der Suche nach einem Akkordeon sind, können Sie sicherlich eines selbst so codieren, dass es genauso gut ist wie das ihre. Hier ist einer, den ich vor einiger Zeit ausgepeitscht habe mit größeren Symbolen. Ich bin mir sicher, dass es optimiert und verbessert werden kann.