Bootstrap

Question

ile imleci üzerinde imleci üzerinde renk değişimi geçişi .icon-bar sınıfını, üzerine geldiğinizde rengini değiştirmeye çalışıyorum. Ben kullanarak renk ve simge-bar değiştirmek için geçiş düğmesine var:

.navbar-preheader .navbar-toggle { 
    border: 1px solid white; 
    background-color: transparent; 
    margin-right: 0; 
} 

.navbar-preheader .navbar-toggle:hover { 
    background-color: #4d4d4d; 
} 

.navbar-preheader .navbar-toggle .icon-bar { 
    background-color: white; 
} 

kullandığım vurgulu kodu oldu: tek tek

.navbar-preheader .navbar-toggle .icon-bar:hover { 
    background-color: #4d4d4d; 
} 

Ama bu temelde her simge çubuğu renk değiştiren yapıyor, (Ben m duyuyorum aptalca bir şey eminim ...

) aşağıya bakınız, ama hepsi renk değiştiren seferde gerektiği issing, ama herhangi bir yardım çok takdir edilmektedir. Teşekkür ederim. .icon-bar aksine ana öğenin üzerine gelindiğinde arka plan rengini değiştirmek isteyen

Answer 1

nedenle :hover sözde sınıfı .navbar-toggle sonra olmalıdır. Başka bir deyişle, seçiciyi .navbar-toggle:hover .icon-bar kullanmalısınız.

Example Here

.navbar-preheader .navbar-toggle:hover .icon-bar { 
    background-color: #4d4d4d; 
}