How to disable div in html

Question

I was under the assumption that if I disabled a div, all content got disabled too.

However, the content is grayed but I can still interact with it.

Is there a way to do that?

Answer 1

Hello @kartik,

A simple way to disable any DIV including its contents is to just disable mouse interaction. 

For example:

$("#mydiv").addClass("disabledbutton");

css

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

Hope it works!!

Thank you!!