Dans CSS, un élément répond en commençant les effets de transition chaque fois qu'un utilisateur plane dessus. Il s'agit d'une méthode efficace pour améliorer l'expérience utilisateur et est utilisée pour attirer l'attention sur les composants cruciaux d'une page Web. Pour ce faire, vous pouvez définir le «événements de pointeur"Propriété CSS de l'élément avec la valeur"aucun".

Ce message expliquera la méthode pour appliquer l'effet de survol de CSS.

Comment appliquer CSS Désactiver l'effet de survol?

Pour appliquer CSS pour désactiver l'effet de survol, utilisez le CSS "événements de pointeur»Propriété et définissez la valeur de cette propriété comme«aucun". Pour ce faire, suivez les instructions données.

Étape 1: Faites un conteneur div

Tout d'abord, faites un conteneur div à l'aide du «”Element et insérer un ID ou un attribut de classe avec un nom spécifique.

Étape 2: insérer une tête

Ensuite, utilisez la balise d'en-tête et incorporez du texte à l'intérieur de la balise d'en-tête. À cette fin, le

La balise est utilisée.

Étape 3: Ajouter la balise «»

Après cela, ajoutez le ""Tag, et avec l'aide de"href», Ajoutez une URL de la page que le lien navigue. Ajoutez également un "classe»Attribut avec un nom particulier et intégrer du texte entre la balise« »à afficher:

Site officiel de Linuxhint

Linuxhint

Sortir

Étape 4: Conteneur de style «div»

Accédez au conteneur div en utilisant la valeur ID comme «#principal»:

#principal
marge: 50px;
rembourrage: 30px;
Border: Green massif 3px;
Color en arrière-plan: RVB (173, 224, 173);

Ensuite, appliquez les propriétés mentionnées énumérées ci-dessous:

• "marge" et "rembourrage«Les deux sont utilisés pour spécifier l'espace dans la page HTML. Tandis que la «marge» est utilisée pour ajouter de l'espace à l'extérieur de la limite, et le «rembourrage» est pour l'espacement intérieur.
• "frontière”Définit une frontière autour d'un élément particulier.
• "Couleur de l'arrière plan»Détermine la couleur à l'arrière de l'élément.

Sortir

Étape 5: Désactiver l'effet «en survol»

Accéder au "«Élément avec le nom de classe comme«.nohover»:

.nohover
Pointer-Events: Aucun;
Color en arrière-plan: RVB (240, 116, 116);

Ensuite, appliquez le «événements de pointeur”Propriété qui réglemente comment les composants HTML réagissent à la souris / touche, à un clic JavaScript / TAP et à des états CSS actifs / volants ainsi que si le curseur est affiché ou non.

Sortir

Il s'agit de CSS Désactiver l'effet de survol.

Conclusion

Pour appliquer CSS pour désactiver l'effet de survol, utilisez le CSS "événements de pointeur»Propriété et définissez la valeur de cette propriété comme«aucun". La propriété Pointer-Event est utilisée pour réguler la façon dont les composants HTML réagissent à la souris / touche, à JavaScript Click / TAP et à des états CSS actifs / volants, ainsi que si le curseur est affiché ou non. Ce message a démontré la méthode d'application de CSS pour désactiver l'effet de survol.