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;
}
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.