E 'possibile ottenere Cufon per lavorare su un pulsante?

Question

Così adesso sto colpire la mia testa - al momento usiamo un elemento di un pulsante per dare il nostro carattere personalizzato, fine - questo funziona, ma come stiamo usando Cufon sul resto del sito, ci stiamo chiedendo se è possibile ottenere Cufon lavorare su un pulsante.

Finora ho cambiato il pulsante per un e utilizzando gli stili CSS standard su un 'input' o 'input [type = 'submit']' opera elemento bene - ma ho provato entrambi questi in Cufon a nessuno risultato.

Questo è un tasto - in modo da generare Cufon immagini, questo dovrebbe funzionare, ma forse sto facendo male? - qualcuno può aiutare

Answer 1

Utilizzando l'elemento nel seguente modo:

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

ha funzionato quando si applica lo stile Cufon:

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

Grazie molto:)

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

Ho usato il codice qui sopra per copiare il mio valore input in un arco, che mi permette di usare Cufon. E le grandi opere e cade ancora alla fine del 'submit' ingresso con javascript disabilitato.

Answer 3

Credo che ci sia alcun modo per rendere il lavoro Cufon con <input type="submit" />. Motivo principale è che non c'è posto per inserire la tela ...

Tuttavia si potrebbe semplicemente passare alla <button> più semanticamente in forma, che la chiusura necessità </button> e crea quindi il posto per la tela.

Molto importante, però, assicuratevi di specificare il tipo con esso pure, dal momento che IE7 e di seguito non inviare il modulo se non lo fai. Sembra, inoltre, che specifica il tipo di porta ad un comportamento uniforme tutti i browser.

Fammi sapere se quanto sopra ha aiutato! Acclamazioni

Answer 4

L'unica soluzione che ho trovato di utilizzare Cufon sui pulsanti <input type="submit"/> era di usare Javascript (jQuery personalmente).

1. Copia il testo del pulsante di input (l'attributo "value") per un arco.
2. Sostituire l'intervallo utilizzando Cufon.replace ()
3. rimuovere il testo del pulsante di input
4. Posizionare l'arco sopra il pulsante
5. propagare l'evento click () dalla durata al pulsante

Fatto!