css如何實(shí)現(xiàn)不可點(diǎn)擊樣式效果

發(fā)布時(shí)間：2023-01-03 10:40:21 來(lái)源：億速云閱讀：104 作者：iii 欄目：開(kāi)發(fā)技術(shù)

這篇“css如何實(shí)現(xiàn)不可點(diǎn)擊樣式效果”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“css如何實(shí)現(xiàn)不可點(diǎn)擊樣式效果”文章吧。

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的三種引入方式

1.行內(nèi)樣式，最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""。

2.內(nèi)嵌樣式，就是將CSS代碼寫在之間，并且用進(jìn)行聲明。

3.外部樣式，其中鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在之間加上就可以了。其次就是導(dǎo)入樣式，導(dǎo)入樣式和鏈接樣式比較相似，采用@import樣式導(dǎo)入CSS樣式表，不建議使用。

以上就是關(guān)于“css如何實(shí)現(xiàn)不可點(diǎn)擊樣式效果”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

css如何實(shí)現(xiàn)不可點(diǎn)擊樣式效果

css的三種引入方式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽