HTML & CSS Web Design
Html Css > Code Examples
Input focus border-width
Input focus border-width
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Input Focus Border Width</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
input:focus {
background-color:red;
border-width:3px;
border-color:pink;}
</style>
</head>
<body>
<a href="index.html">Home</a> - Login - <a href="help.html">Help</a><br><br>
<form action="login.asp" method="post" name="Login">
Username <input type="text" size="25" name="Username" /><br />
Password <input type="password" size="25" name="Password" />
<input type="submit" value="Log In" />
</form>
</body>
</html>
