how active focus in html from css
<!DOCTYPE html><html>
<head>
<title>Hover Active Focus</title>
<style type="text/css">
input {
padding: 6px 12px 6px 12px;
border: 1px solid #665544;
color: #ffffff;}
input.submit:hover {
background-color: #665544;}
input.submit:active {
background-color: chocolate;}
input.text {
color: #cccccc;}
input.text:focus {
color:#665544;}
</style>
</head>
<body>
<form>
<input type="text" class="text" value="Enter email address..." />
<input type="submit" class="submit" />
</form>
</body>
</html>
output:
0 comments:
Post a Comment