Foros del Web » Creando para Internet » CSS »

Submit con estilos y borde feo en IE/Opera

Estas en el tema de Submit con estilos y borde feo en IE/Opera en el foro de CSS en Foros del Web. Buenas, Estoy teniendo problemas con un input tipo Submit. Los estilos que tiene aplicados son los siguientes: Código: .formulario input.submit { font: normal 12px Verdana, ...
  #1 (permalink)  
Antiguo 13/02/2007, 14:22
 
Fecha de Ingreso: julio-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.304
Antigüedad: 19 años, 4 meses
Puntos: 6
Submit con estilos y borde feo en IE/Opera

Buenas,

Estoy teniendo problemas con un input tipo Submit. Los estilos que tiene aplicados son los siguientes:

Código:
.formulario input.submit {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	padding: 5px 15px 5px 15px;
	border: solid 1px #DDDDDD;
	background-color: #FFFFFF;
	margin-right: 8px;
}
.formulario input.submit:hover {
	background-color: #EEEEEE;
}
El problema me pasa en IE y Opera (en Firefox no) cuando hago click en cualquier input del formulario, en ese momento aparece un borde negro feo alrededor del Submit, tal como se muestra en la siguiente imagen en el boton Modificar:


*Me gustaria que el boton Modificar mantenga su aspecto inicial, que es como el que se ve en el boton Eliminar

Se puede quitar ese borde negro? se que vendria a ser algo como el foco aunque bastante mas feo.

Desde ya, muchas gracias.
__________________
Federico.

Mi página: www.jourmoly.com.ar
  #2 (permalink)  
Antiguo 15/02/2007, 00:35
Avatar de Gurrutello  
Fecha de Ingreso: enero-2002
Ubicación: Ontario,Toronto [Canada]
Mensajes: 2.017
Antigüedad: 22 años, 10 meses
Puntos: 6
Re: Submit con estilos y borde feo en IE/Opera

Hola
pruaba esto en tu css o style
a:focus {outline: none}
saludos
__________________
Un Saludo
www.tutores.org
Asp | Php | Javascript | Perl | Coldfusion | Flash | +- 2000 codigos
  #3 (permalink)  
Antiguo 30/10/2008, 08:28
 
Fecha de Ingreso: marzo-2005
Mensajes: 271
Antigüedad: 19 años, 8 meses
Puntos: 1
Respuesta: Submit con estilos y borde feo en IE/Opera

alguien aporta alguna solución? porque lo que dijo: Gurrutello no funciona :S
  #4 (permalink)  
Antiguo 30/10/2008, 11:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes
Puntos: 280
Respuesta: Submit con estilos y borde feo en IE/Opera

Mejor pon tu código específico, porque a mi al menos no me parecía un outline, pero hay que averiguar de dónde sale ese borde.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 30/10/2008, 12:23
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 17 años
Puntos: 4
Respuesta: Submit con estilos y borde feo en IE/Opera

Hola, en el hover repite el borde
Código:
border: solid 1px #DDDDDD;
  #6 (permalink)  
Antiguo 31/10/2008, 04:37
 
Fecha de Ingreso: marzo-2005
Mensajes: 271
Antigüedad: 19 años, 8 meses
Puntos: 1
Respuesta: Submit con estilos y borde feo en IE/Opera

Suece algo extraño, tengo un form con varips INPUT y un boton SUBMIT. Cuando hago clic en algun input del FORM el boton SUBMIT se decora con un extraño border negro de 1px. Sucede en IE y Opera

<input id="submit" value="send" type="submit">


input#submit{
border-top: solid 1px #eeeeee;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
border-left: solid 1px #eeeeee;
padding: 3px 10px 3px 26px;
background: #eeeeee url(area.png) no-repeat left center;
font-size:1.2em;
margin-top:20px;
color:#464646;
outline: 0;
}


input#submit:hover{
color:#2b2b2b;
border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
background-color:#eeeeee;
color:red;
outline:0;
}

input#submit:focus{
outline:0;

border-top: solid 1px #e3e3e3;
border-right: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
border-left: solid 1px #e3e3e3;
}



alguien sabe el por qué?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:43.