CSSselector CSS Selecter Focus

<HTML>LionBETALearning HTML/CSS/JavaScript

Edit Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>:focus</title>
<style>
input:focus {
	background-color: #d5eefb;
	color: #11577c;
}
</style>
</head>
<body>
<p>Click inside the text fields to see a blue background:</p>
<form>
	name:
	<input type="text" name="name" />
	<br />
	<br />
	study:
	<input type="text" name="study" />
</form>
<p><strong>Note:</strong> For :focus to work in IE8, a DOCTYPE must be declared.</p>
</body>
</html>

Preview html View