本篇文章為大家展示了怎么在css中設置不可點擊，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
css設置不可點擊的方法：
css代碼：
.disable {
pointer-events: none;
}示例：
const disabled = true;
<Button className={disabled ? 'disabled' : null}>點擊</Button><style>
.disabled {
pointer-events: none;
// 設置pointer-events: none;再設置cursor是沒有效果的
}</style>效果圖：
注意：
pointer-events 的值為 none 時，如果元素上絕對定位，那在它下一層的元素可以被選中。
pointer-events: none; 只是用來禁用鼠標的事件，通過其他方式綁定的事件還是會觸發的，比如鍵盤事件等。
如果將一個元素的子元素 pointer-events 設置成其他值（比如：auto），那么當點擊子元素時，還是會通過事件冒泡的形式出發父元素的事件。
上述內容就是怎么在css中設置不可點擊，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
