Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema <input type=radio> su browser diversi

    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;
    }
    Ultima modifica di freddie1978; 07-03-2014 a 13:56

  2. #2
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    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.


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

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.