← Tutti gli esempi

Hacker News: pulsante di risposta evidente

Trasforma il discreto link «reply» sotto un commento in un pulsante con bordo facile da cliccare.

Codice da copiare

/* Make the reply link clearer and easier to click */
.comment .reply a {
  display: inline-block !important;
  padding: 2px 10px !important;
  border: 1px solid #ff6600 !important;
  border-radius: 4px !important;
  color: #ff6600 !important;
  font-size: 9pt !important;
  text-decoration: none !important;
}
.comment .reply a:hover {
  background: #ff6600 !important;
  color: #fff !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.