Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 41 di 49
  • livello principiante
Indice lezioni

Un pulsante di submit con aspetto simile al testo

Modificare l'aspetto dei pulsanti di invio dei form
Modificare l'aspetto dei pulsanti di invio dei form
Link copiato negli appunti

Spesso si ha la necessità di realizzare dei pulsanti di submit che abbiano l'aspetto di un normale link contenuto all'interno della pagina. Di default i browser mettono in evidenza i button e i pulsanti di submit per far comprendere all'utente la funzione destinata a questi elementi. Bisogna quindi andare a rimuovere il background e il bordo degli elementi.

Il codice CSS di cui si necessita per far visualizzare un pulsante di submit o un button come del normale testo è il seguente:

.textLike {
    background: transparent;
    border: none;
    padding: 0;
}

Figura 1 - Screenshot dell'esempio
screenshot

Per avvertire l'utente che quel testo è un pulsante attivo si può aggiungere questa semplice regola:

cursor: pointer;

In questo modo, al passaggio del mouse sul testo/pulsante sarà visualizzato il classico cursore dei link.

Ecco l'esempio.

Ti consigliamo anche