Checked Selector

Checked Selector example

by Ananda Projapati

HTML

<h2>Skills</h2>
<form id="form1" name="form1" method="post" action="">
  <div>
    <p>
      <input type="checkbox" name="CheckboxGroup1" value="html" id="CheckboxGroup1_0" />
      <label>Html</label>
    </p>
    <p>
      <input type="checkbox" name="CheckboxGroup1" value="css" id="CheckboxGroup1_1" />
      <label>Css</label>
    </p>
    <p>
      <input type="checkbox" name="CheckboxGroup1" value="js" id="CheckboxGroup1_2" />
      <label>Java Script</label>
    </p>
    <p>
      <input type="checkbox" name="CheckboxGroup1" value="jquery" id="CheckboxGroup1_3" />
      <label>jQuery</label>
    </p>
    <p>
      <input type="checkbox" name="CheckboxGroup1" value="wordpress" id="CheckboxGroup1_4" />
      <label>Wordpress</label>
    </p>
  </div>
</form>

CSS

input:checked + label{
  color:orange;
}