Foros del Web » Creando para Internet » CSS »

marcar bordes de input text

Estas en el tema de marcar bordes de input text en el foro de CSS en Foros del Web. amigos como puedo marcar los bordes de un input text asi como los de http://twitter.com/ ??? saludos y gracias...
  #1 (permalink)  
Antiguo 12/10/2012, 18:40
 
Fecha de Ingreso: abril-2011
Mensajes: 121
Antigüedad: 13 años, 7 meses
Puntos: 1
marcar bordes de input text

amigos como puedo marcar los bordes de un input text asi como los de http://twitter.com/ ???

saludos y gracias
  #2 (permalink)  
Antiguo 12/10/2012, 18:46
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: marcar bordes de input text

cambiando la propiedad border con el pseudoatributo focus de css
Código CSS:
Ver original
  1. input.texto:focus{
  2. border: solid 1px red;
  3. }
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 12/10/2012, 18:54
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: marcar bordes de input text

¿No es más fácil usar :focus con CSS?

Código CSS:
Ver original
  1. input {
  2.     background: #ccc;
  3. }
  4. input:focus {
  5.     background: #fff;
  6. }

Aunque no sé si lo que querrá cambiar será los bordes redondeados, o ambas cosas. Tal caso usar border-radius.
__________________
(:
  #4 (permalink)  
Antiguo 12/10/2012, 19:24
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: marcar bordes de input text

Cita:
Iniciado por Bonez Ver Mensaje
¿No es más fácil usar :focus con CSS?

Código CSS:
Ver original
  1. input {
  2.     background: #ccc;
  3. }
  4. input:focus {
  5.     background: #fff;
  6. }

Aunque no sé si lo que querrá cambiar será los bordes redondeados, o ambas cosas. Tal caso usar border-radius.
Si, por eso lo puse asi, seguro que leiste algo sobre javascript, es que se me mezclaron las respuestas, lo edité antes de que respondieses..... esto se está poniendo muy rápido

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 12/10/2012, 19:40
 
Fecha de Ingreso: abril-2011
Mensajes: 121
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: marcar bordes de input text

muchas gracias amigos.... se pasaron!!!
  #6 (permalink)  
Antiguo 13/10/2012, 02:31
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: marcar bordes de input text

Cita:
Iniciado por emprear Ver Mensaje
Si, por eso lo puse asi, seguro que leiste algo sobre javascript
Ya me parecía raro cuando vi tu respuesta y volví a leer la pregunta.
__________________
(:

Etiquetas: bordes, input, marcar, txt
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 04:18.