2010-07-20 5 views
6

J'ai l'impression que c'est une question idiote mais je trouve toujours que modifier certains attributs CSS est un problème quand on travaille avec jQuery. Disons que je définis un élément en tant qu'objet jQuery-UI (comme autocomplete ou le programme datepicker) comment puis-je modifier le CSS sans devoir aller sur le site de l'interface utilisateur et construire mon propre thème? Par exemple, je trouve que la taille de police par défaut du calendrier est assez grande, donc je dois souvent trouver la div contenant créée par jQuery et ensuite ajouter un font-size: 14px !important; si je veux que le style soit appliqué ou bien est surclassé par la définition de jQuery (puisque c'est beaucoup plus sélectif).Un moyen facile d'écraser le css de base jQuery-UI?

Est-ce que la solution rend mes règles plus sélectives ou est-ce qu'il me manque quelque chose de vraiment évident?

+2

Je sympathise. Je respecte honnêtement l'interface utilisateur de jQuery mais je pense que c'est une très mauvaise solution pour beaucoup de sites à cause de la mise en page qu'elle impose. Ce que j'ai fait est juste pris le CSS qu'ils m'ont donné et librement modifié. Beaucoup. Je ne veux vraiment pas que mon site ressemble à un "site d'interface utilisateur jQuery" de toute façon, et je n'ai aucun regret :-) – Pointy

Répondre

10

Je n'ai pas utilisé JQuery-UI, mais un coup d'œil à leur documentation semble indiquer que beaucoup de style devrait être simple à remplacer. Cette page http://jqueryui.com/docs/Theming/API parle de votre exemple particulier de font-size, indiquant que la classe .ui-widget contrôle le font-size pour un widget particulier. Il semble donc que pour vous d'obtenir votre taille de la police, vous juste besoin d'avoir une css qui fait cela:

#ui-datepicker-div.ui-widget {font-size: 14px} 

espoir qui aide.

+0

Wow super lien, merci! J'ai toujours regardé dans le css qui vient avec le téléchargement et il semble toujours qu'ils ont un sélecteur d'un mile de long donc j'ai pensé que c'était tellement plus compliqué que ça :) – Gazillion

+2

La page ci-dessus est partie maintenant (en 2014), essayez ici: http://api.jqueryui.com/theming/css-framework/ –

Questions connexes