Radio button e Bootstrap: modificare il colore di default!

felino

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.

flaviors200

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]

felino

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à.