disable button css code example

Example 1: style disabled button

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

Example 2: css disable button click

button.disabled{
  pointer-events: none;
}

Example 3: html button disabled

<button type="button" disabled>This button is disabled</button>

Example 4: css for disabled button

/* CSS Selectors for CSS2 and CSS3 both */
button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}