Set check box width : checkbox « Form « HTML / CSS






Set check box width

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">

.checkbox {
   width: 1em;
}

</style>
</head>

<body>
   <form action="login.php" method="post">
   <label for="uname">Username</label>
   <input type="text" name="uname" id="uname" value="" /><br />
   <label for="pname">Password</label>
   <input type="text" name="pname" id="pname" value="" /><br />
   <label for="recall">Remember you?</label> 
   <input type="checkbox" name="recall" id="recall"  class="checkbox" /><br />
   <input type="submit" name="Submit" value="Submit" class="buttonSubmit" />
  </form>
</body>

</html>

   
  








Related examples in the same category

1.checkbox Demo
2.checkbox input
3.Set input check box background color and color
4.CheckBox float: left;
5.CheckBox margin: 0 0 0 17px;
6.CheckBox width: 13px;
7.CheckBox height: 13px;
8.Checkbox Example
9.Checkboxes
10.Preselected Checkbox Example