Disabled button press styling

[Daniel]

To create a disabled button, which should not be clickable, I am using the code:

<div class="k-button k-state-disabled">Disabled Button</div>

This works great, however, it would be preferable if on click it would not change the text colour to white.

Thanks

[Sandeep]

You can set the 

Pointer-events : none

to disable all pointer actions on that element.

[Ron]

use prop("disabled", true) on your div so give it an id, so you can address it with $("#id") in javascript.

[Nikolay]

Hi,

Thank you for sharing this approach with the community. I believe it will be helpful to others facing the same scenario.

Indeed, it is a valid one. I can also suggest disabling the button via enable() method that will automatically append .k-state-disabled class and will remove pointer events:

<button id="button" type="button">Edit</button>
<script>
    $("#button").kendoButton();
    var button = $("#button").data("kendoButton");
    // disable button
    button.enable(false);
</script>

Regards,
Nikolay
Progress Telerik