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

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

css設(shè)置按鈕不能點(diǎn)擊的方法：

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

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

1、按鈕不可點(diǎn)擊時(shí)的顯示狀態(tài)

cursor: not-allowed

樣式演示：

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

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

pointer-events:none

樣式演示：

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

相關(guān)教程推薦：CSS視頻教程