Ist es möglich, Cufon auf eine Schaltfläche, um zu arbeiten?

Question

So jetzt bin ich bashing meinen Kopf - im Moment verwenden wir ein Element für eine Schaltfläche es unsere eigene Schriftart zu geben, in Ordnung - das funktioniert, aber wie wir verwenden Cufon auf dem Rest der Website, fragen wir uns, ob es möglich ist Cufon arbeiten auf eine Schaltfläche erhalten.

Bisher habe ich die Taste, um ein und mit Standard-CSS-Stile auf einer ‚Eingabe‘ oder ‚input [type =‚submit‘]‘ geändert Element funktionieren - aber ich habe diese beiden in cufon zu nicht versucht Erfolg.

Dies ist eine Taste - so wie Cufon Bilder erzeugt, sollte dies funktionieren, aber vielleicht ist es mache ich falsch? - kann jemand helfen

Answer 1

Mit dem Elemente in der folgenden Art und Weise:

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

arbeitete bei der Cufon Art der Anwendung:

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

Vielen Dank:)

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();
    });
});

Ich habe den obigen Code meine Eingaben Wert in einer Spanne zu kopieren, die mich cufon verwenden. Es funktioniert großartig und immer noch fällt zurück auf den ‚Senden‘ Eingangs mit Javascript deaktiviert.

Answer 3

Ich glaube, es gibt keinen Weg Cufon Arbeit mit <input type="submit" /> zu machen. Hauptgrund ist, dass es keinen Ort gibt, die Leinwand einfügen ...

Allerdings können Sie einfach wechseln Sie auf die mehr semantisch fit <button>, dass die Notwendigkeit Schließung </button> und schafft so den Platz für die Leinwand.

wenn auch sehr wichtig, stellen Sie sicher, dass Sie den Typen mit ihm auch angeben, da IE7 und unten das Formular nicht, wenn Sie dies nicht tun. Es scheint auch, dass die Art Angabe in allen Browsern zu einheitlichem Verhalten führt.

Lassen Sie mich wissen, wenn die oben geholfen! Prost

Answer 4

Die einzige Lösung, die ich gefunden Cufon auf <input type="submit"/> Tasten verwenden war Javascript (jQuery persönlich) zu verwenden.

1. Kopieren Sie den Text der Eingabe-Taste (der „Wert“ Attribut) zu einer Spannweite.
2. Ersetzen Sie die Spanne mit Cufon.replace ()
3. Entfernen der Text der Eingabe-Taste
4. Stellen Sie die Spanne über der Taste
5. Propagieren den Klick () Ereignis aus der Spanne der Taste

Fertig!