techxdeveloper/css_pseudo_class_selector(enabled_and_disabled).html

## css_pseudo_class_selector(enabled_and_disabled).html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Psuedo Class Selector (:enabled and :disabled)</title>
	<style>
		h1 {
			color: #00bdc4;
			border-bottom: 1px solid #bdbdbd;
			padding-bottom: 20px;
		}
		input:enabled {
			background: #00bcd4;
			color: #f5f5f5;
		}
		input:disabled {
			background: #212121;
			color: #f5f5f5;
		}
	</style>
</head>
<body>
	<div>
		<h1>CSS Psuedo Class Selector (:enabled and :disabled)</h1>
		<form action="">
			First Name: <input type="text" value="Bruce"><br>
			Last Name: <input type="text" value="Wayne"><br>
			Code Name: <input type="text" disabled value="Batman">
		</form>
	</div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS Psuedo Class Selector (:enabled and :disabled)</title>
	<style>
	h1 {
	color: #00bdc4;
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: 20px;
	}
	input:enabled {
	background: #00bcd4;
	color: #f5f5f5;
	}
	input:disabled {
	background: #212121;
	color: #f5f5f5;
	}
	</style>
	</head>
	<body>
	<div>
	<h1>CSS Psuedo Class Selector (:enabled and :disabled)</h1>
	<form action="">
	First Name: <input type="text" value="Bruce"><br>
	Last Name: <input type="text" value="Wayne"><br>
	Code Name: <input type="text" disabled value="Batman">
	</form>
	</div>
	</body>
	</html>