Comment centrer les boutons de l'interface utilisateur jquery?

Question

L'ajout de ceci à CSS ne fonctionne pas:

.ui-dialog-buttonpane { text-align: center; }

Les boutons sont toujours sur le côté droit.

Que dois-je faire?

25

jquery jquery-ui

demandé sur Richard Knop 2011-01-14 13:04:47

2 réponses

score 47 · Answer 1

Ok. J'avais aussi besoin d'enlever le flotteur. Cela fonctionne:

.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}

score 2 · Answer 2

Dans mon cas, je devais aussi ajouter !important pour la propriété float

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
    float: none !important;
}