Foros del Web » Creando para Internet » CSS »

Cajas de texto

Estas en el tema de Cajas de texto en el foro de CSS en Foros del Web. Saludos, tengo un problema con IE7, Firefox funciona correctamente. Es cuando aplico los atributo a una caja de texto. .campo { width: 250px; height: 20px; ...
  #1 (permalink)  
Antiguo 14/02/2007, 15:05
Avatar de FiNo  
Fecha de Ingreso: octubre-2004
Ubicación: Costa Rica
Mensajes: 265
Antigüedad: 13 años, 2 meses
Puntos: 1
Cajas de texto

Saludos, tengo un problema con IE7, Firefox funciona correctamente. Es cuando aplico los atributo a una caja de texto.

.campo {
width: 250px;
height: 20px;
border: 1px Solid #000000;
background: #CDDBEB;
padding: 1px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:80px;
}
.campo:hover{
background-color:#FF9900;
}
.campo:focus{
background-color:#FF9900;
}
.campo:active{
background-color:#FF9999;
}

<input name="nn" type="text" id="nnn" class="campo">
__________________
3S-CRM
  #2 (permalink)  
Antiguo 14/02/2007, 20:53
Avatar de Gurrutello  
Fecha de Ingreso: enero-2002
Ubicación: Ontario,Toronto [Canada]
Mensajes: 2.017
Antigüedad: 15 años, 10 meses
Puntos: 6
Re: Cajas de texto

Hola
Pues si que me ha llevado rato..
En principio :hover en este tipo de campos no esta soportado por explorer
He buscado y hecho pruebas y esto es lo mejor que te he conseguido
prueba a ver y modificalo
Es css usando expresiones, de otra forma tendo entendido que no se puede con css . si con javascritp claro
<style>
.campo {
width: 250px;
height: 20px;
border: 1px Solid #000000;
background: #CDDBEB;
padding: 1px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:80px;
}
.campo:hover{
background-color:#FF9900;
}

/*para explorer*/
.campo {
background-color: expression('#CDDBEB',
this.onmouseover = function() { this.runtimeStyle.backgroundColor = '#FF9900'; },
this.onmouseout = function() { this.runtimeStyle.backgroundColor = '#CDDBEB'; },
this.onkeydown = function() { this.runtimeStyle.backgroundColor = '#cc0000'; },
this.onkeyup = function() { this.runtimeStyle.backgroundColor = '#FF9900'; });


</style>
prueba cambiando onkeydown keyup etc por lo que necesites
espero que te sirva de algo, si no creo que tendras que hacerlo con javascript.
Saludos
__________________
Un Saludo
www.tutores.org
Asp | Php | Javascript | Perl | Coldfusion | Flash | +- 2000 codigos
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 12:46.