+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

Radio button e Bootstrap: modificare il colore di default!

Ultimo Messaggio di felino il:
  1. #1
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,831
    Aggiungi felino su Facebook Aggiungi felino su Linkedin

    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.
    Ultima modifica di felino; 23-05-20 alle 01:58

  2. #2
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    333
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    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/...nimal/_all.css

    La riga è la 127

    Codice HTML:
    background: url(blue.png) no-repeat;
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  3. #3
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,831
    Aggiungi felino su Facebook Aggiungi felino su Linkedin
    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:
    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 per la disponibilità.

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.