button CSS hover active states

by katalin_2003

HTML

<input type="button" id="submitBtn" name="submitBtnnm" value="Send" />

CSS

#submitBtn {
  margin: 25px;
  height: 30px;
  width: 100px;
  border: 1px solid #bbb;
  /*#ccc;*/
  line-height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#submitBtn:hover {
  background: #22aadd;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

#submitBtn:active {
  background: #009900;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}