Foros del Web » Creando para Internet » CSS »

Borde "especial" input

Estas en el tema de Borde "especial" input en el foro de CSS en Foros del Web. Hola chicos, unicamente queria preguntar como se pone el borde del input como en el de la web siguiente: https://github.com/ Me refiero en el del ...
  #1 (permalink)  
Antiguo 08/05/2013, 16:37
Avatar de csuarez91  
Fecha de Ingreso: abril-2013
Ubicación: Barcelona
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Borde "especial" input

Hola chicos, unicamente queria preguntar como se pone el borde del input como en el de la web siguiente:

https://github.com/

Me refiero en el del login. Basicamente que haga lo mismo que en esa misma pàgina, que cuando clique encima, el borde se ilumine lentamente y pueda escribir.

Unicamente es eso, lo demás ya lo tengo.

Muchas gracias compañeros!
  #2 (permalink)  
Antiguo 08/05/2013, 17:13
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 14 años, 4 meses
Puntos: 1146
Respuesta: Borde "especial" input

Código CSS:
Ver original
  1. input[type="text"]{border:1px #ccc solide;border-radius:4px;}

si no te convence es mucho mas fácil y rápido ver el código fuente de la pagina que muestras, presiona ctrl + u en firefox.
  #3 (permalink)  
Antiguo 08/05/2013, 17:22
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 11 años, 2 meses
Puntos: 344
Respuesta: Borde "especial" input

Buenas,

Lo he sacado del propio código fuente:

Código CSS:
Ver original
  1. input[type="text"]:focus {
  2.   border-color: #51A7E8;
  3.   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
  4. }
  5.  
  6. input[type="text"]
  7. {
  8. border-radius: 5px 5px 5px 5px;
  9.      border: 1px solid #CCCCCC;
  10.     outline:none;
  11. }

Un saludo
  #4 (permalink)  
Antiguo 09/05/2013, 02:58
Avatar de csuarez91  
Fecha de Ingreso: abril-2013
Ubicación: Barcelona
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Borde "especial" input

Muchas gracias por la ayuda! Creia que si hacia Ctrl+U, no podria ver el CSS.

Gracias por la ayuda!!

Etiquetas: especial, input
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:22.