asignar estilos css a boton enviar

[verdelimon]

tenia el problema de que en mi formulario a la hora de dar click en el boton enviar no hacia absotulamente nada, gracias a una compañera del foro pude resolver el problema, sin embargo el boton de enviar se desconfiguro y quiero saber como solucionarlo..

aqui mi problema



esta es la direccion de la pagweb: [URL="http://ua.edu.mx/contacto.php"]http://ua.edu.mx/contacto.php[/URL]

y este mi codigo de esa parte:

<div class="alignright">
<a href="#" id="clear" class="button2" ><span>borrar</span> <input type="submit" value="Enviar" name="submit" id="submit"/></a>
</div>

Espero puedan ayudarme, pues como se podran dar cuenta, soy un novato en todo esto.. muchas gracias..

[sivadmp]

tendrias que colocar mas informacion sobre tu CSS

[Isra_84]

Utiliza la id del botón para añadirle css.

[rossijona]

Hola, para dar estilo a todos los input "submit" se hace asi:

INPUT[type=submit]
{
//valores....
}

teniendo en cuenta que esta propiedad es valida para todos los navegadores menos I.E.

I.E, no puede reconocer los input con clase o ID, por lo tanto para que puedas hacer funcionar esto en I.E, debes de hacerlo por medio de jQuery.

Saludos!.

[ArturoGallegos]

Iniciado por rossijona

teniendo en cuenta que esta propiedad es valida para todos los navegadores menos I.E.

I.E, no puede reconocer los input con clase o ID, por lo tanto para que puedas hacer funcionar esto en I.E, debes de hacerlo por medio de jQuery.

Saludos!.

?¿ como esta eso compañero? lo acabo de probar en IE versiones 7, 8 y 9
funciona perfectamente, no acabo de comprender a que te refieres con eso de tener una clase o id, de igual forma lo aplico y sigue funcionando.

[jluisfg]

tu botón esta llamando las mismas propiedades de los campos. Debes asignarle un ID al botón y asignarle las propiedades especificas que quieres para el botón.

[ArturoGallegos]

y bien compañero @verdelimon que has hecho? alguna señal de vida?

por cierto podrías en un solo tema exponer todas tus dudas con respecto a este dichoso botón de enviar, sumado a esto exponer tu código completo html + css con el cual poder reproducir el fallo o mejor aun un link para ver tu sitio en vivo.

esto te lo comento porque acabo de encontrar otro tema que abriste con un contenido bastante similar y con apenas una hora de diferencia entre ambos temas

http://www.forosdelweb.com/f53/probl...codigo-924217/

[rege]

Sólo añade en el css

Código:

.button2{
 /*aquí pon los estilos para el estado normal, por ejemplo:  */
   background: url("../images/contact-form-input-bg.gif") no-repeat scroll left top transparent;
    display: block;
    font-size: 0.92em;
    min-height: 33px;
}
.button2:hover{
   /*aquí pon los estilos para el rollover, por ejemplo:  */
   cursor:pointer;
   color:red;
}

y ya está, cuando pases por encima te cambiará el estilo.