<button>button</button>
<button disabled="disabled">disabled button</button>
button {
color: white;
background-color: hsl(220, 100%, 50%);
}
button:hover {
background-color: hsl(220, 100%, 30%);
}
button:disabled {
background-color: hsl(220, 30%, 50%);
}
button {
/* display: inline-block; */
padding: 10px 15px;
border-radius: 5px;
margin: 10px;
font-size: 16px;
border: none;
}
button:not(:disabled) {
cursor: pointer;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.