Wie überschreiben CSS-Klasse in Bootstrap-Popover-Close-Klasse?

Ich möchte eine Schließen-Schaltfläche in einem Bootstrap-Popover, die den Stil der Bootstrap "Btn Btn-Primary" -Klasse für Popovers nimmt. Im Moment habe ich die folgende Implementierung:Wie überschreiben CSS-Klasse in Bootstrap-Popover-Close-Klasse?

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>

jedoch der Stil der abweisen Taste ist der Stil des „Nähe“ -Klasse. Es sieht wie folgt aus:

Wie kann ich den Stil der Schließen-Schaltfläche ändern btn und BTN-Primär ohne die enge Klasse zu entfernen, so dass es so aussieht?

Quelle

2016-06-24 user2212461

schreibe CSS in die Klasse 'close' mit '! Wichtig " –

@NitinDhomse irgendeine Idee, wie dies für die Klasse BTN zu tun? – user2212461

Verwendung wie, .close {Eigenschaftsname: Wert! Wichtig; } Dies überschreibt zwangsweise Ihre gegebene CSS-Stil und tut dies nicht btn-Klasse. es kann Ihren ursprünglichen Bootstrap CSS beeinflussen –

Schreiben Sie benutzerdefinierte CSS-Stil style = ""

<button type="button" class="btn btn-primary close" href="#" style:"padding:8px">Dismiss</button>

Quelle

2016-06-24 05:37:29

verwenden, aber ich möchte die CSS-Stil der Btn Btn-primäre Bootstrap-Klasse. Wie kann ich das schaffen, ohne die ganze Klasse neu zu implementieren? – user2212461

dieses css Versuchen:

.close { 
 
    background: rgba(0, 0, 0, 0) linear-gradient(#007bcf, #0048cf) repeat scroll 0 0; 
 
    border: medium none; 
 
    border-radius: 5px; 
 
    color: #fff; 
 
    cursor: pointer; 
 
    font-size: 26px; 
 
    letter-spacing: 1px; 
 
    padding: 10px 30px; 
 
}

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>

Quelle

2016-06-24 05:39:50 Jainam

Sie können cha nge Stil in gleicher Seite, wenn das Ihre Frage ist ..

<style type="text/css"> 
.close 
{ 
//changes here 
} 
</style>

Quelle

2016-06-24 05:42:23 chnselim

Gibt es eine Möglichkeit, dies zu tun, ohne die vollständige CSS-Klasse neu zu schreiben? – user2212461

können Sie linear gradient Eigenschaft verwenden. read more about linear gradient

.close { 
 
background: rgba(0, 0, 0, 0) linear-gradient(#429fdf, #043da9) repeat scroll 0 0; 
 
    border: none; 
 
    border-radius: 5px; 
 
    color: #fff; 
 
    cursor: pointer; 
 
    font-size: 25px; 
 
    letter-spacing: 1px; 
 
    padding: 10px 20px; 
 
}

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>

Quelle

2016-06-24 05:50:23

.btn.btn-primary.close { 
 
    background: rgba(0, 0, 0, 0) linear-gradient(#007bcf, #0048cf) repeat scroll 0 0; 
 
    border: medium none; 
 
    border-radius: 5px; 
 
    color: #fff; 
 
    cursor: pointer; 
 
    font-size: 26px; 
 
    letter-spacing: 1px; 
 
    padding: 10px 30px; 
 
}

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>

Quelle

2016-06-24 05:52:16

Ihre eigene Klasse schreiben und Stile dieser Klasse gelten und Ihre CSS-Datei nach dem Bootstrap CSS nennen könnte, dass Ihnen helfen wird ..

Quelle

2016-06-24 05:52:48

Wie überschreiben CSS-Klasse in Bootstrap-Popover-Close-Klasse?

Antwort

Verwandte Themen