2013-05-06 3 views
3

Je voudrais utiliser une image pour le bouton d'envoi, mais le code suivant ne fonctionne pas:jQuery Mobile Framework - image personnalisée pour le bouton d'envoi

<input type="submit" id="btnSubmit" data-role="none" class="loginSubmit" /> 

css:

.loginSubmit {background: url("images/submit.png") no-repeat scroll transparent; display:block;height:54px;} 

Même code fonctionne avec l'étiquette.

<a data-theme="" id="btnSubmit" class="loginSubmit" /> 

Essayé la solution proposée dans Custom Input[type="submit"] style not working with jquerymobile button mais il ne fonctionne pas non plus. J'utilise la dernière version de jQuery mobile.

+0

Avez-vous ajouté 'important' après chaque propriété CSS! Ajoutez 'data-role = button'. – Omar

+0

Vérifiez ce http://fiddle.jshell.net/Palestinian/fkzhz/ sans avoir besoin d'ajouter 'data-role = button' – Omar

+0

Pouvez-vous utiliser une image avec du texte? Curieusement, la couleur de fond semble être mise à jour, mais pas le texte. – WhatsInAName

Répondre

0

Pour éviter un style primordial mobile JQuery, ajouter data-enhance="false" à l'élément:

<input type="submit" id="btnSubmit" class="loginSubmit" data-enhance="false" /> 
Questions connexes