J'ai 2 captures d'écran. Dans la première capture d'écran j'utilise le jqmobile et dans le deuxième fichier je ne suis pas.Surcharge Jquery Mobile Css pour le bouton
Ceci a un impact sur l'aspect du bouton OK.
Je me demandais s'il était possible de surcharger certains CSS et de faire ressembler le bouton OK à la 2ème capture d'écran tout en utilisant les bibliothèques jqm?
Vous pouvez ajouter data-role="none" au bouton pour empêcher JQM de l'améliorer:
<button id="btn" data-role="none" >Button</button>
La réponse précédente (prévention amélioration) peut être utile pour empêcher JQM de toucher le bouton, mais peut ne pas aider si vous voulez réellement cette fonctionnalité de bouton améliorée. Vous pouvez parfois modifier la force brutale d'un seul élément DOM en utilisant un sélecteur d'identifiant CSS (utilisez votre moteur de recherche fav pour en savoir plus sur les "CSS Selectors"), mais ce n'est pas une bonne option si vous avez besoin de le faire de façon répétée. est plus probable. Une autre option est d'importer votre style CSS pour vos boutons, mais je préfère n'utiliser que l'important en dernier recours car c'est un lourd marteau qui peut empêcher un composant en aval de surcharger le style si/comme il le faut. NOTE - Les toolkits d'interface utilisateur tels que jqm, dojo et al, prennent parfois votre seul élément DOM et les développent avec des éléments d'habillage (divs, travées etc) et les stylisent, donc vous ne pouvez pas toujours styliser ce que vous pensiez être dans l'original html et l'avoir affecter l'intégralité de ce que la boîte à outils de l'interface utilisateur généré pour vous. Pour chaque boîte à outils de l'interface utilisateur, regardez ce qu'ils recommandent pour les styles/thèmes personnalisés (et recherchez dans la boîte de recherche ci-dessus - il y a un certain nombre de questions dans SO à propos du style des widgets jq).
Si vous avez besoin de personnaliser l'apparence de jqm plutôt que d'empêcher jqm d'améliorer un seul bouton, consultez la documentation du thème jqmobile. http://demos.jquerymobile.com/1.2.0/docs/api/themes.html
(et oui, je considérais que certaines parties de cette réponse pourrait être mieux dans un « commentaire » mais SO ne me laisse pas commenter avec ce nouveau compte jusqu'à ce que vous voter certaines de mes réponses :-).
upvoted vous aussi, merci de partager cela. – user1010101
duplication possible de [Impossible de supprimer le style du champ de saisie dans jquery mobile] (http://stackoverflow.com/questions/20825745/cannot-remove-the-styling-of-the-input-field-in- jquery-mobile) – Omar