Comment remplacer un style Bootstrap

Comment puis-je faire pour remplacer une classe existante de BootstrapComment remplacer un style Bootstrap

Les btn et active noms de classe sont ajoutés automatiquement à partir Bootstrap. Je veux une couleur spécifique sur l'encart.

 <div class="categories"> 
      <label class="ng-binding">Categories</label> 
      <div class="btn-group" data-toggle="buttons"> 
        <label class="btn active"> 
        <input type="radio" name="cat" id="rbOption1"> Cat 1 
        </label> 
        <label class="btn"> 
        <input type="radio" name="cat" id="rbOption2"> Cat 2 
        </label> 
      </div> 
     </div>

J'ai essayé de le faire sans résultat positif

.categories label#active { 
    box-shadow: inset 0 3px 5px blue !important"; 
}

Source

2017-07-15 Maximus Decimus

avec un pseudo ne doit pas être classe ":"? En regardant votre étiquette css .categories # active. Sauf si vous essayez d'accéder à la classe "active", auquel cas ce serait .active, pas #active –

Possible duplication de [meilleure façon de remplacer bootstrap css] (https://stackoverflow.com/questions/20721248/best -way-to-override-bootstrap-css) – BSMP

@JoeB. J'ai aussi essayé l'étiquette: active. Sans succès. label # btn: actif. Pas de succès non plus –

Selon ma compréhension de la question, c'est ce que vous devez faire pour remplacer le style Bootstrap.

.categories .btn.active { 
    box-shadow:inset 0 3px 5px blue; 
}

Si vous voulez utiliser le même style à travers votre application ou page

.btn.active { 
    box-shadow:inset 0 3px 5px blue; 
}

Source

2017-07-15 21:53:50

J'ai essayé aussi mais les outils de développement F12 montre mon style comme valeur de la propriété Invalid avec une icône d'avertissement frappant tout le style. –

Pouvez-vous vérifier cela? https://plnkr.co/edit/YDGJ5JX3QNjvhdifBMma –

Quelqu'un d'autre a signalé mon erreur. J'ai eu un "à la fin de mon style, merci pour votre réponse –

Vous pouvez placer une carte d'identité sur l'étiquette.

HTML

<label id="active" class="btn">

CSS

#active { 
box-shadow: inset 0px 0px 10px #FF0000; 
}

codepen

Source

2017-07-15 22:07:34

Comment remplacer un style Bootstrap

Répondre

Questions connexes