[CSS] Sostituire il submit con testo

[pezzo]

Si può sostituire con i css il submit di un form con un link testuale?

Come si fa?

[pierofix]

Questo ti può bastare?

input[type="submit"]
{
   padding:0;
   background-color:#FFF;
   border:none;
}

Dimmi se ti serve la compatibilità anche su IE, visto che quel caca-browser non supporta il selettore di attributo CSS.

[pezzo]

grazie pierofix, ma purtroppo è essenziale che funzioni anche sul caccabrowser IE...

A che ci siamo, posso approfittare di te e segnalarti questo

post ?

Mi sa che c'è bisogno del tuo aiuto per comprendere bene come funziona!

Grazie 2 volte

[pierofix]

Originariamente inviato da pezzo
grazie pierofix, ma purtroppo è essenziale che funzioni anche sul caccabrowser IE...

Allora puoi agire in due modi.

1. Attribuire un id o una classe al pulsante, ad esempio:
   
   

   XHTML
   
   <input type="submit" value="invia" class="pulsanti" />
   
   
   CSS
   
   .pulsanti
   {
      /* Proprietà viste sopra. */
   }

2. Lasciare in pace il markup, lasciandolo semplice e pulito, senza bisogno di aggiungere classi o id dove è superfluo, e rifarti ad un piccolo meccanismo javascript (ed una piccola aggiunta al CSS), magari che funzioni solo IE (così impara ad essere così zozzone). Ad esempio:
   
   

   Javascript
   
   window.onload = function()
   {
      if ( document.all )
      {
         var inputs = document.getElementsByTagName('input')
         var submits = new Array()
         for (var i = 0; i < inputs.length; i++)
         {
            if ( inputs.item(i).getAttribute('type') == 'submit' )
            {
               submits.push(inputs.item(i))
            }
         }
   
         for (var i = 0; i < submits.length; i++)
         {
            submits[i].className = 'pulsanti'
         }
      }
   }
   
   
   CSS
   
   input[type="submit"],
   .pulsanti
   {
      padding:0;
      background-color:#FFF;
      border:none;
   }

A te la scelta.