2014-09-18 17 views
13

Próbuję nadać moim przyciskom styl w taki sposób, że najedzenie powoduje, że przycisk ma jaśniejszy odcień zamiast ciemniejszego odcienia. Próbowałem strony dostosowywania bootstrap (http://getbootstrap.com/customize/) i nie daje mi ona możliwości zmiany koloru przycisku na przycisku. Próbowałem to zrobić ręcznie, sprawdzając CSS, ale nie jest jasne, w jaki sposób przyciski uzyskują kolor wskaźnika. Próbowałem innej stronie Customization BootstrapZmiana koloru wskaźnika na przycisku z dostosowywaniem Bootstrap

http://pikock.github.io/bootstrap-magic/app/#!/editor

Chciałem główny kolor będzie # 0495c9 a kolor unoszą się # 00b3db ale jestem tylko w stanie określić przycisk bg kolor i nie jest to kolor unosić.

Każda pomoc będzie mile widziane

+0

Czy możesz wysłać swój kod lub link do jsFiddle? Czy nie możesz po prostu użyć 'button {background-color: # 0495c9}' i 'button: hover {background-color: # 00b3db}'? –

Odpowiedz

33

kolor dla przycisków pochodzi z klas btn-X (np btn-podstawowa, btn-sukcesu), więc jeśli chcesz ręcznie zmienić kolory pisząc własne niestandardowe reguły css, musisz zmienić:

/*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/ 
.btn-primary { 
    color: #fff; 
    background-color: #0495c9; 
    border-color: #357ebd; /*set the color you want here*/ 
} 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { 
    color: #fff; 
    background-color: #00b3db; 
    border-color: #285e8e; /*set the color you want here*/ 
} 
+9

Ponadto możesz również ustawić '.btn-primary: active: focus', aby zapobiec migotaniu. – garryp

0

Najpierw importuj tylko fragmenty programu startowego, których faktycznie używasz. Następnie zastąp przyciski mixin własnymi.