Home > Article > Web Front-end > How to disable button clicks in css
How to disable button clicks in css
- WBOYOriginal
- 2021-12-10 16:10:3310901browse
In css, you can use the "pointer-events" attribute to prohibit clicks on the button element. This attribute is used to set whether the element responds to pointer events. When the value of the attribute is none, the element will be prohibited from being clicked. Click, the syntax is "button element {pointer-events:none;}".
The operating environment of this tutorial: Windows 10 system, CSS3&&HTML5 version, Dell G3 computer.
How to prohibit button clicks in css
In css, you can use pointer-events The attribute sets the button element to disable clicks, and the pointer-events attribute defines whether the element responds to pointer events.
The syntax of this attribute is as follows:
pointer-events: auto|none;
The value of the attribute:
<html>
<head>
<style>
.css1{
pointer-events:none;
}
</style>
</head>
<body>
<button class="css1">已经设置不可点击的按钮</button>
<button class="css2">没有设置不可点击的按钮</button>
</body>
</html>Output result :
css video tutorial)
The above is the detailed content of How to disable button clicks in css. For more information, please follow other related articles on the PHP Chinese website!