Input & Label
Lesson 5 of 7 in Coddy's Login Form - HTML/CSS Project course.
On default, <input> tag gets background-color, border, outline.
To remove everything we can use,
input {
background-color: transparent;
border: none;
outline: none;
}
Challenge
EasyStyle the username and password input and label, remove the outline and change the default border to something else.
Suggested (Optional) styling,
label:
- font-size
- color
- margin
input:
- background-color
- border-radius
- font-size
- color
- padding
Try it yourself
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>