Foros del Web » Creando para Internet » CSS »

¿Cómo se cambia el color de los marcos de un text box?

Estas en el tema de ¿Cómo se cambia el color de los marcos de un text box? en el foro de CSS en Foros del Web. Hola a todos! Estuve probando en cambiarle el color a los cuadros de texto, a las listas desplegables y pude hacerlo, pero solo me funciona ...
  #1 (permalink)  
Antiguo 25/06/2008, 11:29
 
Fecha de Ingreso: mayo-2002
Ubicación: Capital Federal
Mensajes: 630
Antigüedad: 21 años, 10 meses
Puntos: 1
¿Cómo se cambia el color de los marcos de un text box?

Hola a todos! Estuve probando en cambiarle el color a los cuadros de texto, a las listas desplegables y pude hacerlo, pero solo me funciona en firefox... en IE me aparecen en el color predeterminado que es azul y no hay forma de cambiárselo. Si le agrego otro color, me aparecen los 2.

Hay alguna forma de corregirlo para que funcionen en los 2 navegadores?

Otra cosita... en las listas desplegables, la flechita para abrir dichas listas, ¿hay forma de cambiarle el color o la forma?

Desde ya, muchas gracias a todos.

Saludos. Marx.
__________________
"Todo lo que somos es el resultado de lo que hemos pensado". Budda.
  #2 (permalink)  
Antiguo 25/06/2008, 11:40
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años
Puntos: 142
Respuesta: ¿Cómo se cambia el color de los marcos de un text box?

¿Podrías darnos tu código? Así sabriamos donde moverle.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 25/06/2008, 12:11
 
Fecha de Ingreso: mayo-2002
Ubicación: Capital Federal
Mensajes: 630
Antigüedad: 21 años, 10 meses
Puntos: 1
Respuesta: ¿Cómo se cambia el color de los marcos de un text box?

Uh! Si... me olvidé de ponerlo...

.listas-calibri-14px {
font-family: Calibri;
font-size: 13px;
letter-spacing: 0px;
word-spacing: normal;
white-space: inherit;
font-variant: inherit;
font-style: normal;
color: #4D4D45;
list-style-type: none;
border: 1px solid #FFFFFF;
}

Le puse color blanco porque las cajas son con bordes redondeados. Así y todo, el IE no lo toma.
Gracias.
__________________
"Todo lo que somos es el resultado de lo que hemos pensado". Budda.
  #4 (permalink)  
Antiguo 25/06/2008, 14:59
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: ¿Cómo se cambia el color de los marcos de un text box?

Hola marx-pola:
'checa' este enlace librosweb en el archivo .pdf que tienes ahí, en las pág. 119 y siguientes tienes todo lo relativo a las listas, viñetas personalizadas, etc.
Sobre tu pregunta sobre las flechitas, podrás colocarlas añadiendo esto:
Código:
 background: #fff url('images/flechita.png') no-repeat left;
donde, como me imagino que sabes, flechita.png es la imagen que quieres que te aparezca en este caso a la izquierda.
Puedes hacerla en .jpg y fondo del mismo color que el usado en el background para que se integre correctamente.
Del mismo texto, pág. 146
Código:
La pseudo-clase :focus permite definir el estilo del campo seleccionado de forma sencilla:
input:focus {
border: 2px solid #000;
background: #F3F3F3;
}
Desafortunadamente, Internet Explorer 6 y las versiones anteriores no soportan la pseudo-clase :focus y es preciso recurrir a soluciones con JavaScript.
Espero te sirva.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 25/06/2008 a las 15:13 Razón: Cumplimentar por si la "tralla" ;-)
  #5 (permalink)  
Antiguo 26/06/2008, 07:21
 
Fecha de Ingreso: mayo-2002
Ubicación: Capital Federal
Mensajes: 630
Antigüedad: 21 años, 10 meses
Puntos: 1
Respuesta: ¿Cómo se cambia el color de los marcos de un text box?

Muchísimas gracias por la informacion.

Saludos. Marx.
__________________
"Todo lo que somos es el resultado de lo que hemos pensado". Budda.
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 05:32.