WhatsApp Web: monospace per i blocchi di codice
Mostra i blocchi di codice tra tre backtick in un vero font monospace con sfondo colorato.
Codice da copiare
/* Render code-fenced messages in a proper monospace block */
#main [data-testid="msg-container"] code,
#main [data-testid="msg-container"] pre,
#main span[class*="code-block"],
#main span:where([class*="monospace"]) {
font-family: ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace !important;
font-size: 13px !important;
background: rgba(0,0,0,0.05) !important;
padding: 6px 8px !important;
border-radius: 6px !important;
display: inline-block !important;
white-space: pre-wrap !important;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.