JQuery Accordion Bigger Icons - jquery, accordéon

J'essaie de mettre une icône plus grande que la valeur par défaut 16x16 dans l'en-tête de l'accordéon. Je le fais en utilisant le code suivant:

.ui-accordion-header.user .ui-icon {
background: url(../../Content/Images/User.gif);
height: 32px;
width: 32px;

}

Le problème est que le bas de l'icône est coupé et n'est pas centré. Y at-il quelque chose qui me manque ou dois-je entrer et remplacer certaines des valeurs par défaut de CSS.

Réponses:

Je pense que tu as besoin

.ui-accordion .ui-accordion-header { height: 32px /* or more */; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 32px /* or more */; }

ainsi que. L'icône est définie sur position: absolute c’est pourquoi l’en-tête ne se développe pas pour s’ajuster à l’icône.

Il est assez facile de faire un accordéon fait maison, mais vous auriez renoncé à la prise en charge d'ARIA, à toute accessibilité au clavier intégrée au widget, etc.

D'après mon expérience personnelle, la personnalisation des composants jQuery n'est utile que si vous utilisez une suite de ces composants et tentez de conserver un aspect cohérent.

Si vous cherchez seulement à créer un accordéon, vous pouvez certainement le coder vous-même, aussi bien que le leur. En voici un que j'ai fouetté il y a un moment avec des icônes plus grandes. Je suis sûr qu’il peut être optimisé et amélioré. N'hésitez pas à l’utiliser / le modifier à votre guise.