在網頁設計中，經常會需要控制某些元素是否可以被用戶點擊或者交互。其中，CSS提供了很多種控制鼠標交互的屬性，今天我們來看一看如何讓鼠標在CSS中不可點擊。

/* 禁止鼠標點擊的方法一 */
pointer-events: none;

pointer-events屬性是CSS3中新增的鼠標事件控制屬性，它可以控制元素是否可以被鼠標事件觸發。例如，我們給一個元素添加pointer-events: none;屬性時，那么鼠標在該元素上就無法點擊了。

需要注意的是，這個屬性并不是萬能的。它雖然可以讓你禁止點擊，但并不能阻止其他事件的觸發，比如hover等效果。

/* 禁止鼠標點擊的方法二 */
div {
/*
其他樣式
*/
-webkit-touch-callout: none; /* 禁止長按鏈接與圖片彈出菜單 */
-webkit-user-select: none; /* 禁止選中文本 */
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

除了使用pointer-events屬性外，我們還可以使用user-select屬性來實現禁止鼠標點擊的效果。user-select屬性是控制用戶能否選中一個元素內的文本內容的。我們可以將它設置為none，即可達到禁止點擊的效果。

需要注意的是，user-select屬性也不是萬能的，它只能夠禁止文本的選中事件觸發，并不能夠阻止其他鼠標事件。

以上是本文對于css鼠標不可點擊的方法的介紹，希望能夠對大家的網頁設計工作有所幫助。