Why don't I get the results I want?
- Thread starter SimonTc
- Start date
- Joined
- Jul 4, 2023
- Messages
- 492
- Reaction score
- 61
Remove the space between the word input and the square bracket.
[ full code on-line ]
CSS:
input[type="password"] { ... }
HTML:
<style>
label {
display: inline-block;
margin-top: 1rem;
}
input {
display: block;
}
input[type="password"] {
color: red;
}
</style>
<label for="search">Search</label>
<input type="search" id="search" name="search" placeholder="Search ...">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Password">
Last edited:
- Joined
- Jul 4, 2023
- Messages
- 492
- Reaction score
- 61
You need to set a name (e.g style.css) for the css styles file and in the head (<head> ... </head>) section write like that
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lorem</title>
<link rel="stylesheet" href="style.css"><!-- your css style file -->
</head>
<body>
<h1>Lorem</h1>
<p>Lorem ipsum dolment.</p>
</body>
</html>index.html and style.css must be in the same folder (in this particular case).
Last edited: