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

這篇文章主要為大家展示了“css怎么實現(xiàn)不可點擊樣式”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學習一下“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)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

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

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

廣告

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

成都網(wǎng)站建設(shè)公司