css怎么設(shè)置按鈕不能點(diǎn)擊？下面本篇文章就來(lái)給大家介紹一下使用CSS設(shè)置按鈕不能點(diǎn)擊的方法。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。

想要按鈕不能點(diǎn)擊可以通過(guò)設(shè)置按鈕點(diǎn)擊事件失效來(lái)實(shí)現(xiàn)；而在CSS中，可以使用pointer-events屬性來(lái)實(shí)現(xiàn)點(diǎn)擊事件失效。

pointer-events屬性除了指示該元素不是鼠標(biāo)事件的目標(biāo)之外，值none表示鼠標(biāo)事件“穿透”該元素并且指定該元素“下面”的任何東西。實(shí)現(xiàn)按鈕上的點(diǎn)擊事件失效。

語(yǔ)法：pointer-events：auto| none | visiblepainted | visiblefill | visiblestroke |

visible | painted | fill | stroke | all

默認(rèn)值：auto

適用于：所有元素

繼承性：有

動(dòng)畫性：否

計(jì)算值：指定值

取值：auto：與pointer-events屬性未指定時(shí)的表現(xiàn)效果相同，對(duì)于SVG內(nèi)容，該值與visiblePainted效果相同

none：元素永遠(yuǎn)不會(huì)成為鼠標(biāo)事件的target。但是，當(dāng)其后代元素的pointer-events屬性指定其他值時(shí)，鼠標(biāo)事件可以指向后代元素，在這種情況下，鼠標(biāo)事件將在捕獲或冒泡階段觸發(fā)父元素的事件偵聽器。

visiblePainted：只適用于SVG。元素只有在以下情況才會(huì)成為鼠標(biāo)事件的目標(biāo)：visibility屬性值為visible，且鼠標(biāo)指針在元素內(nèi)部，且fill屬性指定了none之外的值；visibility屬性值為visible，鼠標(biāo)指針在元素邊界上，且stroke屬性指定了none之外的值

visibleFill：只適用于SVG。只有在元素visibility屬性值為visible，且鼠標(biāo)指針在元素內(nèi)部時(shí),元素才會(huì)成為鼠標(biāo)事件的目標(biāo)，fill屬性的值不影響事件處理。

visibleStroke

只適用于SVG。只有在元素visibility屬性值為visible，且鼠標(biāo)指針在元素邊界時(shí),元素才會(huì)成為鼠標(biāo)事件的目標(biāo)，stroke屬性的值不影響事件處理。

visible

只適用于SVG。只有在元素visibility屬性值為visible，且鼠標(biāo)指針在元素內(nèi)部或邊界時(shí),元素才會(huì)成為鼠標(biāo)事件的目標(biāo)，fill和stroke屬性的值不影響事件處理。

說(shuō)明：

設(shè)置或檢索在何時(shí)成為屬性事件的target。使用pointer-events來(lái)阻止元素成為鼠標(biāo)事件目標(biāo)不一定意味著元素上的事件偵聽器永不會(huì)觸發(fā)。如果元素后代明確指定了pointer-events屬性并允許其成為鼠標(biāo)事件的目標(biāo)，那么指向該元素的任何事件在事件傳播過(guò)程中都將通過(guò)父元素，并以適當(dāng)?shù)姆绞接|發(fā)其上的事件偵聽器。當(dāng)然位于屏幕上在父元素上但不在后代元素上的鼠標(biāo)活動(dòng)都不會(huì)被父元素和后代元素捕獲(將會(huì)穿過(guò)父元素而指向位于其下面的元素)。

對(duì)應(yīng)的腳本特性為pointerEvents。

示例：

a{pointer-events: none;}

HTML中文網(wǎng)

更多前端開發(fā)知識(shí)，請(qǐng)查閱 HTML中文網(wǎng) ！！

總結(jié)

以上是生活随笔為你收集整理的设置html按钮点击事件无效果,css怎么设置按钮不能点击？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。