CSS Property Value How to - cursor: hand;

Question

We would like to know how to cursor: hand;.

Answer


<!-- w  ww.  j  av  a 2s .  co  m-->
<html>
<head>
<style>
fieldset {
  font-size: 12px;
  padding: 10px;
  width: 250px;
  line-height: 1.8;
}

label:hover {
  cursor: hand;
}
</style>
</head>
<body>

  <form name="frmExample" action="" method="post">
    <fieldset>
      <legend>How did you hear about us?</legend>
      <input type="radio" id="referrer1" name="radReferrer" value="Mouth" />
      <label for="referrer1">Word of Mouth</label><br /> 
      <input type="radio" id="referrer2" name="radReferrer" value="Google" />
      <label for="referrer2">Google Search</label><br /> 
      <input type="radio" id="referrer3" name="radReferrer" value="Magazine Ad" />
      <label for="referrer3">Magazine Ad</label><br /> 
      <input type="radio" id="referrer4" name="radReferrer" value="Other" />
      <label for="referrer4">Other</label>&nbsp;&nbsp;
      <input type="text" name="txtOther" size="12" /><br /> 
      <input type="submit" value="Submit" />
    </fieldset>
  </form>

</body>
</html>

The code above is rendered as follows: