Example 1: style disabled button
button:disabled,
button[disabled]{
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
}
Example 2: css for disabled button
button:disabled,
button[disabled]{
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
}
Example 3: on disabled attribute set button design change
<button id="btnSubmit" class="btn-disable">Click</button>
<style type="text/css">
.btn-disable
{
cursor: not-allowed;
pointer-events: none;
color: #c0c0c0;
background-color: #ffffff;
}
</style>
Comments
Post a Comment