• Super User

    Radio button e Bootstrap: modificare il colore di default!

    Ciao a tutti,
    sto utilizzando questo theme AdminLTE, basato su Bootstrap.

    Il mio problema non riguarda il template indicato, ma la modifica del colore dei radio button realizzati tramite Bootstrap e presenti nel template stesso.

    Sono blu, vorrei di un altro colore, ho provato diverse soluzioni senza alcuni risultato e non ne vengo a capo!

    Ho creato questo jsfiddle!

    Grazie.


  • User Attivo

    Ciao,

    i radio button sono realizzati tramite questo plugin http://icheck.fronteed.com/

    Il foglio di stile nel tema è questo https://adminlte.io/themes/AdminLTE/plugins/iCheck/minimal/_all.css

    La riga è la 127

    [HTML]
    background: url(blue.png) no-repeat;
    [/HTML]


  • Super User

    Esatto, ho dato un'occhiata al plugin che mi hai indicato, utile davvero!

    Al fine di evitare di caricare altri plugin e file esterni ho risolto così:
    HTML:

    
    <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="radio1" class="custom-control-input" name="radio" value="radio1" checked>
        <label class="custom-control-label" for="radio1">Radio 1</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline">
        <input type="radio" id="radio2" class="custom-control-input" name="radio" value="radio2">
        <label class="custom-control-label" for="radio2">Radio 2</label>
    </div>
    
    

    CSS:

    
    .custom-control-input:checked~.custom-control-label::before {
        border:0;
        background-color: red;
    }
    
    

    Grazie ancora per la disponibilità.