Input y Label

Lección 5 de 7 del curso Formulario de inicio de sesión - Proyecto HTML/CSS de Coddy.

Por defecto, la etiqueta <input> tiene background-color, border, outline.

Para eliminarlo todo podemos usar,

input {
	background-color: transparent;
	border: none;
	outline: none;
}

Desafío

Fácil

Estiliza el input y label de "username" y "password", elimina el outline y cambia el border por defecto por otro valor.

Estilo sugerido (opcional),

label:

input:

Pruébalo tú mismo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Write HTML code here -->
</body>
</html>

Todas las lecciones de Formulario de inicio de sesión - Proyecto HTML/CSS

1El formulario

2El estilo

Input y Label Lección de proyecto