HTML Form How to - Remove shadows on disabled HTML buttons








Question

We would like to know how to remove shadows on disabled HTML buttons.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.selected {<!--from  w  w w  . j  a  va 2  s . c om-->
  background-color: rgb(88, 88, 88);
  border-color: rgb(88, 88, 88);
  color: rgb(255, 255, 255);
}
</style>
</head>
<body>
  <input type="submit" name="button" value="Search" class="selected"
    disabled />
  <input type="submit" name="button2" value="Search" />
</body>
</html>

The code above is rendered as follows: