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
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.
inserisci la tua e-mail nel box qui sotto: