Core Code
Core Code Modern Dev Handbook

Disabled UI Style

Style disabled interface elements.

Preview

Code

<style>
button{
padding:10px 16px;
}

button:disabled{
background:#9ca3af;
color:white;
cursor:not-allowed;
}
</style>

<button disabled>Disabled Button</button>

More CSS User Interface Examples (8)

example Resizable Element open example example Vertical Resize Only open example example Horizontal Resize Only open example example Outline Offset open example example Disable Text Selection open example example Allow Text Selection open example example Pointer Cursor open example example Custom Focus Outline open example