Set input check box background color and color : checkbox « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. checkbox

Set input check box background color and color

  
<!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">
.checkbxinput {
  color: green;
  background-color: green;
}
</style>
</head>
<body>
  <h2>Simple Quiz</h2>
   <form action="" method="post">
  <p>
   What pizza toppings do you like? 
   <input type="checkbox" name="" value="l" class="checkbxinput"> Pepperoni 
   <input type="checkbox" name="" value="mushrooms" class="checkbxinput"> Mushrooms 
   <input type="checkbox" name="" value="pineapple" class="checkbxinput"> Pineapple
   </p>
   <input name="reset" type="reset" id="reset" value="Reset" />
   <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 check box width
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