JavaScript 如何禁用 CSS :hover 效果？

使用 JavaScript 停用 CSS :hover 效果

使用 JavaScript 更平滑的懸停效果，同時保留 CSS 樣式可能是一個挑戰。以下是如何克服它：

問題陳述：
當 JavaScript 可用時，防止瀏覽器對某些元素應用 CSS :hover 效果。

解：
沒有純 JavaScript 機制來停用 :hover 狀態。但是，解決方法是使用類別來控制 CSS 和 JavaScript 中的懸停效果。

HTML：
將「nojQuery」類別加入

中。

CSS:
限制 :hover 樣式僅在

上存在「nojQuery」類別時套用。

JavaScript:
當 JavaScript 載入時，從

中刪除「nojQuery」類別元素，有效停用懸停樣式。

範例：

此方法可讓您使用JavaScript 覆蓋CSS 懸停效果，而無需使用JavaScript必須明確重置每個單獨的屬性。

以上是JavaScript 如何禁用 CSS :hover 效果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！