Tell us what’s happening:
Keep getting error saying outline:none; is missing. How do i fix this?
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css"> <title>Job Application Form</title>
</head>
<body>
<div class="container">
<form>
<label for="name">First Name: </label>
<input type="text" id="name" required/>
<label for="email">Email: </label>
<input type="email" id="email" required/>
<p>Please select the job you want to apply for.</p>
<label for="position">Position: </label>
<select id="position">
<option value="" placeholder="choose" id="position"></option>
<option value="councilor" id="position">
<label for="councilor" id="position">
Student Councilor</label>
</option>
<option value="teacher" id="position">
<label for="teacher" id="position">Teacher</label>
</option>
</select>
<section class="radio-group">
<input type="radio" name="availability" id="availability"/>
<label for="availability">Available</label>
<input type="radio" name="availability" id="availability"/>
<label for="availability" id="availability">Unavailable</label>
</section>
<label for="message" id="message">Insert Notes: </label>
<textarea id="message">
</textarea>
<button type="submit" value="Submit"/>Submit
</form>
</div>
</body>
</html>
/* file: styles.css */
body{
background-color: lavender;
}
input:focus, textarea:focus{
border-color: pink;
outline: none;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.6 Safari/605.1.15
Challenge Information:
Build a Job Application Form - Build a Job Application Form
