Problema <input type=radio> su browser diversi

[freddie1978]

Ciao, mi sono accorto che firefox e chrome (non ho provato i.e.) gestiscono in maniera diversa il css che ho scritto gli <input type="radio">.
Chrome gestisce bene i colori ma devo capire come tornare al colore di default in caso di unchecked ddel pulsante radio.
Invece firefox proprio non se li fila i colori.
Inoltre chrome vede il pulsante radio come fosse una checkbox mentre firefox lo vede in maniera corretta.....
Questa è la parte di CSS, avete qualche suggerimento ?

input[type=radio] {
cursor: pointer;
padding-left:5px;
padding-right:5px;
border-radius:4px;


-webkit-appearance: button;


border: double 2px #00F;


background-color:#ff0000;
color:#ff0000;
white-space: nowrap;
overflow:hidden;


width:15px;
height:15px;
}


input[type=radio]:checked {
background-color:#00cc00;
border-left-color:#06F;
border-right-color:#06F;
}

[Experiment8]

Ciao,

Google è tuo amico:

http://css-tricks.com/snippets/css/c...radio-buttons/

prova a vedere se fa al caso tuo, in ogni non credo sia possibile customizzare i radio button su tutti i browser, meno ancora su IE, i radio button sono un input che lascia ben poche possibilità di customizazione in più che il semplice posizionamento, a mio avviso devi affidarti ad uno script se vuoi una customizzazione omogenea.

[freddie1978]

Credo che l'unica maniera sia usando javascript, provo a realizzarlo in questo modo.
Grazie per il suggerimento. Ciao.