這篇文章主要為大家展示了“css怎么實(shí)現(xiàn)不可點(diǎn)擊樣式”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css怎么實(shí)現(xiàn)不可點(diǎn)擊樣式”這篇文章吧。
海原ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來(lái)市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
1、直接給元素添加pointer-events:none;樣式來(lái)禁止觸發(fā)事件,實(shí)現(xiàn)不可點(diǎn)擊。
pointer-events:none;
2、先給元素添加“cursor:not-allowed;”樣式;然后使用js代碼阻止點(diǎn)擊事件的觸發(fā),實(shí)現(xiàn)不可點(diǎn)擊。
cursor:not-allowed; pointer-events:none;
鼠標(biāo)不可點(diǎn)擊時(shí)的樣式
cursor:not-allowed;
注意,雖然樣式顯示不可點(diǎn)擊,但是點(diǎn)擊仍會(huì)觸發(fā)相應(yīng)事件。
以上是“css怎么實(shí)現(xiàn)不可點(diǎn)擊樣式”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!