css設置按鈕不能點擊的方法：1、按鈕不可點擊時的顯示狀態(tài)【cursor: not-allowed】；2、按鈕原有的事件不能實現(xiàn)【pointer-events:none】。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

css設置按鈕不能點擊的方法：

我們可以為按鈕添加“cursor: not-allowed”與“pointer-events:none”兩種css樣式實現(xiàn)按鈕不可點擊。

按鈕不可點擊主要是兩種表現(xiàn)：

1、按鈕不可點擊時的顯示狀態(tài)

cursor: not-allowed

樣式演示：

<style>      input[readonly]   //readonly:后臺能接收此input框傳值     {          background:#dddddd; //為帶有readonly的input框添加背景顏色          cursor: not-allowed  // 表示一個紅色的圈加一個斜杠     } </style>

2、按鈕原有的事件不能實現(xiàn)

pointer-events:none

樣式演示：

<style>      input[disabled] //disadled:后臺不可接收此input傳值     {          background:#dddddd; //為帶有disabled的input框添加背景顏色          pointer-events:none;//鼠標點擊不可修改     } </style>

相關教程推薦：CSS視頻教程