css怎么實現(xiàn)不可點擊樣式

這篇文章主要為大家展示了“css怎么實現(xiàn)不可點擊樣式”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css怎么實現(xiàn)不可點擊樣式”這篇文章吧。

海原ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

1、直接給元素添加pointer-events:none;樣式來禁止觸發(fā)事件，實現(xiàn)不可點擊。

pointer-events:none;

2、先給元素添加“cursor:not-allowed;”樣式；然后使用js代碼阻止點擊事件的觸發(fā)，實現(xiàn)不可點擊。

cursor:not-allowed;
pointer-events:none;

鼠標不可點擊時的樣式

cursor:not-allowed;

注意，雖然樣式顯示不可點擊，但是點擊仍會觸發(fā)相應事件。

以上是“css怎么實現(xiàn)不可點擊樣式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱：css怎么實現(xiàn)不可點擊樣式
文章轉載：http://bm7419.com/article32/phddpc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設、全網(wǎng)營銷推廣、Google、動態(tài)網(wǎng)站、關鍵詞優(yōu)化、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)