Check out example codes for "css disable button". It will help you in understanding the concepts better.

Code Example 1

<button id="btnSubmit" class="btn-disable">Click</button>

<style type="text/css">
    .btn-disable
        {
        cursor: not-allowed;
        pointer-events: none;

        /*Button disabled - CSS color class*/
        color: #c0c0c0;
        background-color: #ffffff;

        }
</style>

Code Example 2

<button type="button" disabled>This button is disabled</button>

Code Example 3

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

Code Example 4

//Using Javascript
//Disabling a html button

document.getElementById("Button").disabled = true;
//Enabling a html button

document.getElementById("Button").disabled = false;


//Using jQuery
//Disabling a html button

$('#Button').attr('disabled','disabled');
//Enabling a html button

$('#Button').removeAttr('disabled');

Learn ReactJs, React Native from akashmittal.com