Estilos en los botones, safari es un cutre
2 seguidores
Hola, estoy diseñando una aplicación web que tiene muchos botones, como tiene que ser muy intuitiva prácticamente dejo los input por defecto, pero hay algunos a los que les quiero dar color para lo que utilizo algo como:
<code>#boton_red {
border-style: outset;
background: red;
border-top-color: red;
border-right-color: red;
border-bottom-color: red;
border-left-color: red;
}</code>
Pero en el Safari, con su microsoft-mentalidad de poner los botones como el sistema operativo (gran error) no coge los estilos y sigue sacándolo como le da la gana. Sabe alguien alguna solución? La primera que se me ocurrió es la de hacer los botones como imagen pero no me apetece, porque me jode el orgullo.
zigotica
estas seguro que no pilla los estilos? rarou rarou rarou...
prueba esto, solo para probar:
<code>#boton_red { background: red; border: 1px solid blue }</code>
el input se llama boton_red? porque si es una clase deberia ser .boton_red
ikgoru
Gracias sergi pero:
* Con los estilos que tu me das, los botones ya no tienen la forma por defecto, que es lo que yo quiero, ya sabes el clasico boton 3d, un poco feo pero todo el mundo sabe que es un botón, solo quiero que tenga color, si en safari en vez de 3d los pone con el efecto "aqua" pos muy bien, pero q me lo coloree...
* Poniéndole el estilo que me has dado en safari sigue sin pillar.
<code><input type="submit" name="Submit" value="Eliminar" id="boton_red" /></code>
Está mal declarado el botón?
zigotica
1. name e id deben tener el mismo valor
2. para lo otro, lo del 3d pues en este caso ni puta idea, ademas no tengo mac para hacer las pruebas (¿algun voluntario me regala un mac? :) )
te aconsejo que te mires las webs de zeldman, mezzoblue, ericmeyer, douglas bowman, etc a ver si ellos han añadido ese efecto a sus formularios. entonces mira su css. pero ya te digo q asi de entradad ni idea. en cualquier caso no se ni siquiera si en PC se puede.
ikgoru
vale, he cambiado lo del name, es que como estoy haciendo pruebas... luego esto lo coge el programador y lo alicata jeje.
creo que con este pantallazo se resuelven las dudas:
http://www.rest-art.com/dmstk/zeldman_input.gif
Una vez más, gracias sergi.
zigotica
no problemo, de hecho creo que no te he solucionado nada :)