CSS中,a標(biāo)簽?zāi)J(rèn)會(huì)顯示鼠標(biāo)手勢(shì)(underlined hyperlinks)來提示我們?cè)撴溄涌梢渣c(diǎn)擊。但是有時(shí)候我們只想展示鏈接的形式,不想觸發(fā)任何行為,這時(shí)候我們需要取消a標(biāo)簽的鼠標(biāo)手勢(shì)。那么如何實(shí)現(xiàn)呢?
a { text-decoration: none; cursor: default; }
通過設(shè)置text-decoration為none,我們可以去掉鏈接下劃線,將a標(biāo)簽展示成普通文本。但是此時(shí)還有一個(gè)問題,就是當(dāng)我們鼠標(biāo)移上去時(shí),鼠標(biāo)手勢(shì)依然會(huì)出現(xiàn)。如何解決呢?
a { text-decoration: none; cursor: default; pointer-events: none; }
通過添加pointer-events:none,我們可以禁用a標(biāo)簽的所有鼠標(biāo)事件,包括鼠標(biāo)手勢(shì)。這時(shí)候我們就可以將a標(biāo)簽當(dāng)做純文本來處理了。需要提醒的是,pointer-events這個(gè)屬性不兼容IE10及以下的瀏覽器。