[Ovillo] borde negro en inputs de un FORM

sebastian garcia-valenciano sebastian en garcia-valenciano.net
Jue Oct 30 15:06:08 UTC 2008


llevo trasteando un par de días unos formularios, y la cuestión es que sobre
IE y Opera, cuando hago clic (focus) en alguno de los elementos del FORM
(inputs, selects, textareas...),  al botón input#submit (y al
input#cancelar) le aparece un border negro de 1px. Pensaba que era algun
tipo de bug...  pero lo he intentado corregir con border:none; y
outline:none;  en la propia CSS, (incluso en la reset.css) pero no
funciona... ¿a alguien le he asado esto alguna vez?

os dejo el code por si veis algo raro:

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: none;
}

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:blue;
}

input#submit:focus{
border:none;
outline:none;
}



gracias!!
sebas


Más información sobre la lista de distribución Ovillo