How To Disable Checkbox/Radio Button

The disabled attribute is an HTML5 attribute that can be set to the elements: Disabled elements also have a corresponding enabled state. The enabled state can be styled using the: Just like other pseudo-class selectors, the: See the examples and live demo sections below for examples. The following example chains pseudo-selectors: Written by Sara Soueidan.

Do you have a suggestion, question or want to contribute? Tutorials Playground Blueprints Collective CSS Reference. Live Demo View this demo on the Codrops Playground.

Further Reading CSS Selectors Level 3 Styling Disabled Form Controls With CSS. Back to the top. Collective June 21, Content delivered by Content Distribution Network.