Comment rendre l'onglet d'un menu déroulant non cliquable ?
Bonjour,
Je cherche à avoir un menu déroulant dans lequel l'onglet principal ne serait pas cliquable et seul les sous menu le seraient. Auriez vous une commande CSS a ajouter pour arriver à cela ?
Par avance merci.
Bonjour, vous pouvez rendre un élément HTML non cliquable via les propriétés CSS pointer-events et cursor.
L'utilisation de la propriété CSS pointer-events avec la valeur none permet de définir que le menu d'en-tête ne sera jamais la cible d'un évènement, c'est à dire que lorsque l'utilisateur cliquera dessus ou mettra son doigt dessus aucun évènement n'aura lieu.
La propriété cursor permet de définir le type du curseur. Dans l'exemple ci-dessous on utilise une balise <a>, le curseur est donc celui qui est utilisé pour un lien. En appliquant la valeur default à la propriété cursor on remplace le curseur du lien par un curseur neutre.
<style>
.desactive_lien {
pointer-events: none;
cursor: default;
}
</style>
<a href="https://www.collaborativejob.com" class="desactive_lien">1FORMATIK.com</a>