Wordpress Dropdown - ajouter une flèche - css, wordpress, dropdown

Je veux ajouter un (CSS?)-arrow comme ceci ci-dessous à mon sous-menu déroulant généré par Wordpress.

Est-ce qu'il y a un moyen de faire ça?

Si vous avez besoin d'informations supplémentaires, demandez s'il vous plaît.

Cordialement

Réponses:

En CSS3, nous pouvons créer des formes. Toutes les formes ne s'affichent pas correctement dans tous les navigateurs; seuls les navigateurs Web prenant en charge CSS3 fonctionnent actuellement.

Voici le balisage.

<ul class="sub-menu">
...
</ul>

Voici le style.

.sub-menu {
position: relative;
}
.sub-menu:after {
content: "";
width: 0;
height: 0;
border-bottom: 120px solid blue;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
position: absolute;
top: 0;
left: 25px;
transform: translate(0, -100%);
}

Vous pourriez trouver cela utile aussi - http://www.cssportal.com/css3-shapes/

Je ne suis pas trop sûr de WordPress, mais avec CSS, vous pouvez configurer quelque chose comme ceci:

.buttonArrow:hover
{
background: url(blue-arrow.png);
}

L’idée est qu’en vol stationnaire (ou en cliquant sur ladans la liste déroulante), l'image de la flèche apparaît. Je ne sais pas s’il est possible de le faire facilement sur WordPress. Vous devez faire correspondre la couleur de la flèche et la couleur de la liste déroulante, dans ce cas, le bleu.

La réponse de / u / jarmerson est bonne aussi. Vous pouvez aussi essayer de regarder SVG dans W3Schools pour plus de formes.