Radio button e Bootstrap: modificare il colore di default!

[exFelino]

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.

[ninja72]

Ciao, devi usare il custom-control piu una modifica al foglio di style.

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

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

[exFelino]

Grazie del consiglio, ho risolto!!!

Quindi posso definire il custom-control per qualsiasi oggetto del form?

[ninja72]

Da quello che vedo è fatto per i type=radio e type=checkbox, negli altri casi ci sono classi specifiche , come ad esempio : custom-select, .custom-range, .custom-control-input, gli altri controlli si possono modificare con css custom.