Css e pulsanti di submit form

Come fare in modo che un pulsante di submit form abbia uno stile diverso da quello di default?

Possiamo utilizzare un elemento button anzichè input, usando poi un css come

#registrazione form button {
cursor: pointer;
background: transparent url(images/button_0.gif) no-repeat center center;
}

#registrazione form button:hover {
background: transparent url(images/button_1.gif) no-repeat center center;
}

In questo modo il pulsante avrà una immagine predefinita e quando l’utente ci scorrerà sopra col mouse, questa immagine cambierà per evidenziare il fatto che è un pulsante cliccabile.

Purtroppo questa configurazione interagisce male con i javascript che permettono di attivare/disattivare un controllo di form, che funzionano bene con i tag input ma non hanno effetto (almeno con safari, ma questo basta per renderli out) sui button.

Tags: CSS, Javascript, submit, Web, Web Design, XHTML
Articoli correlati:

• Creare uno slideshow di immagini con CSS (5)
• Che cos’è Script.aculo.us (0)
• Top of the Blogs 15-2008 (0)
• Scrivere Web Applications per l’iPhone (0)
• Realizzare una tag cloud per wordpress (2)

Questo post è stato scritto Monday, June 25th, 2007 alle 4:51 pm ed è appartiene alle seguenti categorie: CSS, Web Design. Puoi seguire i commenti di questo post grazie al feed RSS 2.0. Puoi lasciare un commento, o farmi un link dal tuo sito.