← Tous les exemples

ChatGPT : mettre en évidence vos messages

Ajoute un fond teinté et une barre d'accent à vos messages pour les distinguer des réponses.

Code à copier

/* Make user messages stand out from assistant replies */
[data-message-author-role="user"] {
  background: rgba(16,163,127,0.10) !important;
  border-left: 3px solid #10a37f !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.