Un pulsante di submit con aspetto simile al testo

19 aprile 2011

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.

Tutte le lezioni

1 ... 39 40 41 ... 49

Se vuoi aggiornamenti su Un pulsante di submit con aspetto simile al testo inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Un pulsante di submit con aspetto simile al testo

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy