← Tutti gli esempi

WhatsApp Web: evidenzia gli URL nei messaggi

Evidenzia gli URL con uno sfondo sottile e una sottolineatura tratteggiata.

Codice da copiare

/* Highlight URLs inside message bubbles for easier scanning */
#main [data-testid="msg-container"] a[href^="http"],
#main div[role="row"] a[href^="http"] {
  background: rgba(0,168,132,0.12) !important;
  border-bottom: 1px dashed rgba(0,168,132,0.6) !important;
  text-decoration: none !important;
  padding: 0 2px !important;
  border-radius: 3px !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.