通過設置元素的pointer-events屬性設置為none，來實現元素不可點擊。此方法是通過設置元素的鼠標事件失效來實現元素不可點擊。
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如何設置不可點擊？的詳細內容，更多請關注html中文網其它相關文章！