Simple CSS for Disabled Buttons

Simple CSS for Disabled Buttons

For browsers that support CSS3, there's a simple cursor available to help users understand certain elements that may be disabled due to page logic. So, if you have a button that becomes enabled only after a certain page action is taken (like filling out a form), you can use cursor: not-allowed to reinforce the state using the mouse pointer.

Author:
Scott Dawson
Created:
MARCH 19, 2013
Made with:
HTML, CSS

Find the Demo

See the Pen Simple CSS for Disabled Buttons by Scott Dawson (@scottpdawson) on CodePen.

Loading...