[Résolu] Styliser un title de <img>

tu peux stylisé n'importe quelle balise !

img {
    /* une bordure orange */
    border: 2px solid orange;
}

Ok, on ne sait pas directement. Il faut passer par JS pour recréer un élément à venir positionner et à styler. Il y a pas mal de problème lorsque tu dois placer l'élément toi même (calculer où il se trouve dans ta page pour voir si tu places la bulle au dessus, en dessous, à gauche, à droite de ton élément). La lib Popper.js peut t'aider dans le positionnement si tu le souhaite.

Bonjour,
Oui, c'est ça !
Et je me demandai s'il est directement possible de styliser le title mais apparemment non.

Merci !
Modifié par js_html (10 Nov 2020 - 18:16)

Bonjour,

Autrement vous pouvez le déporter dans une balise adjacente

<img src="" alt=""><span class="imgTitles">le contenu de mon attribut title</span>

Là vous aurez toute liberté de style.

.imgTitles { display: none; }
img:hover + .imgTitles { display: yes of course; }