Radio button e Bootstrap: modificare il colore di default!

felino

Utente Attivo
12 Dic 2013
897
10
18
Aci Catena (Catania)
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.
 
Ultima modifica:

felino

Utente Attivo
12 Dic 2013
897
10
18
Aci Catena (Catania)
Ho risolto così:

HTML:
Codice:
<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:
Codice:
.custom-control-input:checked~.custom-control-label::before {
border:0;
background-color: red;
}
Grazie ancora.