[CSS] classe solo per i bottoni

[Threepwood]

Salve a tutti, domanda veloce:

Come faccio per assegnare una classe solamente agli elementi INPUT BUTTON?

facendo così...

input { background-color:red; }

... ovviamente la applica a tutti gli input... per applicarla solo a elementi del tipo

<input type=button...>

o

<input type=submit...>

come posso fare?

danke!

[pierofix]

Dovresti sfruttare il selettore di attributo, il quale però è supportato solo dai browser seri (IE, com'è risaputo, non è tra essi :rollo: ). Ecco come si presenta:

input[type="button"]
{
   background-color:red;
}

Per approfondire:

- http://www.w3.org/TR/CSS21/selector....bute-selectors

[Threepwood]

... quindi per farlo con IE dovrei assegnare la classe all'INPUT e assegnare una classe vuota ai SUBMIT?


... però assegnando una classe vuota non mi ripristina i valori di default ...

[pierofix]

Classe vuota? Cosa intendi?

[Threepwood]

Nel senso che assegno a tutti gli INPUT un input { backgdoun-color:red }.

Fatto ciò vorrei che i bottoni (button,submit) mi venissero non rossi ma "di default", quindi con il layout bombato dell'explorer.

Per fare ciò dovre "rimuovere" dal button e dal submit la classe INPUT che si assegna in automatico.

[pierofix]

Prova così:

input[type="button"],
input[type="submit"]
{
   background-color:inherit;
}

- http://www.w3.org/TR/CSS21/colors.ht...ckground-color

[andrea.paiola]

piero penso che non sia molto supportato (soprattutto IE mi sa che non ce la fa)

[pierofix]

Originariamente inviato da Threepwood
Nel senso che assegno a tutti gli INPUT un input { backgdoun-color:red }.

Fatto ciò vorrei che i bottoni (button,submit) mi venissero non rossi ma "di default", quindi con il layout bombato dell'explorer.

Per fare ciò dovre "rimuovere" dal button e dal submit la classe INPUT che si assegna in automatico.

Ma... mi è venuto in mente adesso. Non puoi fare il contrario? Assegni il colore rosso SOLO agli input che ti interessano.

[Threepwood]

problema.... la relazione tra bottoni e input sta sull'ordine dei 100 input e 4-5 bottoni...

non esiste un comando da mettere nel css del tipo "togli gli effetti applicati a questo elemento"? del tipo

.nulla
{ background-color:default; }

oppure
{ remove-background-color:true; }

[pierofix]

L'inherit non tu funziona su IE, no?