Set input radio button background color and color : radio « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. radio

Set input radio button 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">
.radioinput {
 color: green;
 background-color: #ccc;        
}
</style>
</head>
<body>
  <h2>Simple Quiz</h2>
   <form action="" method="post">
   <p>
    Are you 
     <input type="radio" value="male" name="sex" class="radioinput">
    Male or 
     <input type="radio" value="female" name="sex" class="radioinput"> 
    Female?
   </p>
  <p>
   This is a test? 
   <input type="checkbox" name="" value="l" class="checkbxinput">P
   <input type="checkbox" name="" value="mushrooms" class="checkbxinput">M
   <input type="checkbox" name="" value="pineapple" class="checkbxinput">A
   </p>
  </form>
  
</body>
</html>








Related examples in the same category

1.input type = "radio" creates a radio button
2.radio button
3.Creates a radio button
4.Labelling Radio Buttons
5.Use table to layout the radio buttons
6.Radio Button
7.Preselected Radio Example