在CSS中，有時(shí)我們需要將某些元素設(shè)置為不可點(diǎn)擊，這時(shí)我們可以使用CSS的pointer-events屬性。

pointer-events屬性指定在元素上發(fā)生的事件是否應(yīng)該被元素接受。取值如下：

pointer-events: auto;    // 默認(rèn)值，元素可以被點(diǎn)擊
pointer-events: none;    // 元素不接受任何事件
pointer-events: visible; // 元素不接受鼠標(biāo)事件，但是鼠標(biāo)指針仍然會(huì)發(fā)生改變
pointer-events: all;     // 元素接受所有事件，包括鼠標(biāo)事件和觸摸事件

需要注意的是，pointer-events屬性只對(duì)可見元素起作用。如果某個(gè)元素在CSS中被設(shè)置為不可見，它將自動(dòng)被設(shè)置為pointer-events:none。

下面是一個(gè)例子，將一個(gè)按鈕設(shè)置為不可點(diǎn)擊：

button {
pointer-events: none;
opacity: 0.5; // 可以添加其他樣式，使元素顯得不可用
}

上面的代碼將按鈕設(shè)置為不可點(diǎn)擊并將不透明度降到了0.5。