css a formularios

[turco_7]

para que funcione en IE hay que escribir la caja de texto de la siguiente forma.

Código HTML:

<style type="text/css">
input {
      border: 2px solid #ccc;
}
input:focus {
     border: 2px solid #000;
}
</style>

<input type="text" name="nombredecampo" id="nombredecampo" onfocus="this.style.border='1px solid #f00'" onblur="this.style.border='1px solid #bbb'"> 

Para solucionar tu problema vas a tener que usar una clase del siguiente modo:

Código HTML:

.TextBox /*CODIGO 1*/
{
font-size:11px;
color:#003399;
background-color:#E0E0E0;
font-family: Arial;
font-variant: normal;
color:#0000EC;
border:Groove;
border-width:1px;
width:120px;
height:14px;
}

.TextBox:focus
{
font-size:11px;
color:#003399;
background-color:#FEB00E;
font-family: Arial;
font-variant: normal;
color:#0000EC;
border:Groove;
border-width:1px;
width:120px;
height:14px;
}

<input type="text" name="nombredecampo" id="nombredecampo" onfocus="this.style.border='1px solid #f00'" onblur="this.style.border='1px solid #bbb'" class="TextBox"> 

Espero que te sirva, yo tampoco tengo mucha experiencia en css pero es lo que uso...

Saludos