在CSS中,:hover
是常用的偽類選擇器,通常用于在鼠標懸停于元素上時改變該元素的樣式。
然而,有時候我們可能需要取消:hover
效果。這個需求可能是因為我們想要在移動設備上禁用鼠標懸停效果,或者因為我們想要在特定情況下取消懸停效果。
取消:hover
效果的方法非常簡單,只需要在相關元素上定義pointer-events: none;
屬性即可。這將禁用元素的所有鼠標事件,包括:hover
。
.example:hover { background-color: #EFEFEF; } .example.disabled { pointer-events: none; }
在上面的CSS代碼中,我們定義了一個在懸停時改變背景顏色的樣式,并且定義了一個用于禁用懸停效果的類.disabled
。當該類被應用于.example
元素時,這個元素將不會再出現懸停效果。
總之,取消:hover
效果可以通過簡單地定義pointer-events: none;
來實現。這個方法在移動設備上非常有用,并且也適用于其他需要取消懸停效果的情況。
上一篇css3對角背景
下一篇css header作用