¿Es posible obtener Cufón para trabajar en un botón?

Question

Así que ahora estoy golpeando mi cabeza - en el momento en que utilizamos un elemento para un botón para darle nuestra propia fuente personalizada, bien - esto funciona, pero como estamos usando Cufón en el resto del sitio, nos preguntamos si es posible conseguir Cufón trabajando en un botón.

Hasta ahora he cambiado el botón a una y el uso de estilos CSS estandar en una 'entrada' o 'entrada [type = 'submit']' trabajo elemento bien - pero yo he probado ambos en Cufon a ningún vano.

Este es un botón - así como Cufon genera imágenes, esto debería funcionar, pero tal vez estoy haciendo mal? - ¿alguien puede ayudar

Answer 1

Uso del elemento de la siguiente manera:

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

trabajaron al aplicar el estilo Cufón:

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

Muchas gracias:)

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

He utilizado el código anterior para copiar el valor de mi insumos en un lapso, lo que me permite usar Cufon. Funciona muy bien y todavía cae de nuevo al 'enviar' de entrada con JavaScript desactivado.

Answer 3

Creo que no hay manera de hacer que el trabajo con Cufón <input type="submit" />. razón principal es que no hay lugar para insertar el lienzo ...

Sin embargo, usted puede simplemente cambiar a la <button> semánticamente más en forma, que </button> cierre de necesidad y por lo tanto crea el lugar para el lienzo.

Muy importante, sin embargo, asegúrese de especificar el tipo con él también, ya que IE7 y abajo no va a enviar el formulario si no lo hace. También parece que especifica el tipo lleva a un comportamiento uniforme a través de todos los navegadores.

Quiero saber si lo anterior ayudado! Saludos

Answer 4

La única solución que encontré para usar en los botones Cufón <input type="submit"/> era utilizar Javascript (jQuery personalmente).

1. Copiar el texto del botón de entrada (el atributo "value") a un palmo.
2. Reemplazar el lapso usando Cufon.replace ()
3. Eliminar el texto del botón de entrada
4. Coloque el vano sobre el botón
5. Propagar el evento click () desde el lapso al botón

Listo!