<html><head>
<title>:disabled pseudo-class</title>
<style type="text/css">button { background-color : red }
input { background-color : red }
button:disabled { background-color : lime }
input:disabled { background-color : lime }</style>
<link rel="author" title="Daniel Glazman" href="http://glazman.org/">
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors">
<meta name="flags" content="">
</head>
<body>
<p>
<button disabled="disabled">A button (disabled) with green background</button>
<br><br>
<input disabled="disabled" type="text" size="36" value="a text area (disabled) with green background">
</p>
</body></html>