Est-il possible d'obtenir Cufon de travailler sur un bouton?

Question

Donc maintenant je suis dénigrement ma tête - au moment où nous utilisons un élément pour un bouton pour lui donner notre propre police personnalisée, bien - cela fonctionne, mais comme nous utilisons Cufon sur le reste du site, on se demande s'il est possible d'obtenir Cufon travailler sur un bouton.

Jusqu'à présent, j'ai changé le bouton à un et en utilisant des styles CSS standard sur une « entrée » ou « entrée [type = « submit »] » travail d'élément bien - mais j'ai essayé deux dans CUFON à pas en vain.

Ceci est un bouton - afin Cufon génère des images, cela devrait fonctionner, mais peut-être que je fais mal - peut-il aider

Answer 1

En utilisant l'élément de la manière suivante:

<button type="buton">value</button>

a travaillé lors de l'application du style Cufon:

Cufon.replace('button', {color: '-linear-gradient(#999, 0.45=#666, 0.45=#555, #999)'});

Merci beaucoup:)

Answer 2

$('.input-button').each(function(){
    $(this).hide().after('<span class="input-button">').next('span.input-button').text($(this).val()).click(function(){
        $(this).prev('input.input-button').click();
    });
});

J'ai utilisé le code ci-dessus pour copier ma valeur entrées dans une période, ce qui me permet d'utiliser CUFON. Il fonctionne très bien et tombe encore sur l'entrée « submit » avec javascript qui est désactivé.

Answer 3

Je crois qu'il n'y a aucun moyen de faire fonctionner Cufon avec <input type="submit" />. La raison principale étant qu'il n'y a pas de place pour insérer la toile ...

Cependant, vous pouvez tout simplement passer à l'<button> plus sémantiquement ajustement, que la fermeture de besoin </button> et crée ainsi la place pour la toile.

Très important cependant, assurez-vous de spécifier le type avec elle aussi, puisque IE7 et ci-dessous ne seront pas soumettre le formulaire si vous ne le faites pas. Il semble également que la spécification du type conduit à un comportement uniforme dans tous les navigateurs.

Faites-moi savoir si ce qui précède aidé! Vive

Answer 4

La seule solution que je trouve utiliser Cufon sur les boutons de <input type="submit"/> était d'utiliser Javascript (jQuery personnellement).

1. Copiez le texte du bouton d'entrée (l'attribut « value ») à une période.
2. Remplacer la travée à l'aide Cufon.replace ()
3. Supprimer le texte du bouton d'entrée
4. Placez la durée sur le bouton
5. Propager l'événement click () de la durée du bouton

Fait!