Bootstrap learning using CSS properties pointer-events disabling form controls

Reference Links:

Application example and extension of CSS3 Pointer-events:none

First of all, the application of pointer-events in the removal of SVG has only two values:AUTO | NONE

Pointer-events:none

This property allows the element that applies this property to become "vacuum", for example: A connection is covered with a div, and when the attribute is in the CSS property of the Div, the div is as if it does not exist, and can be clicked directly below the a tag.

This is a very magical property, Bootstrap is to use this property, to implement the effect of disabling the control.

There are two ways to implement a disable effect in bootstrap:

Method 1: Add the disabled attribute to the label

Method 2: Add the class name "disabled" to the element tag

The main differences between the two are:

{pointer-events: none; cursor: not-allowed; filter: Alpha (opacity=65);   -webkit-box-shadow: none; Box-shadow: none; opacity: .

Bootstrap learning using CSS properties pointer-events disabling form controls