Borde "especial" input

csuarez91 · #1 (**permalink**) 08/05/2013, 16:37

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!

ArturoGallegos · #2 (**permalink**) 08/05/2013, 17:13

Código CSS:

Ver originalinput[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.

alexg88 · #3 (**permalink**) 08/05/2013, 17:22

Buenas,

Lo he sacado del propio código fuente:

Código CSS:

Ver originalinput[type="text"]:focus {
  border-color: #51A7E8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
}
 
input[type="text"]
{
border-radius: 5px 5px 5px 5px;
     border: 1px solid #CCCCCC;
    outline:none;
}

Un saludo

csuarez91 · #4 (**permalink**) 09/05/2013, 02:58

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

Gracias por la ayuda!!