1

Implementei um CSS no meu sistema onde eu passo o mouse por cima do menu e exibe os submenus.

Esta é a CSS pra passar o mouse por cima dos menus

ul.nav li.dropdown:hover ul.dropdown-menu
{ 
    display: block; 
}

só que é o seguinte, quando eu passo o mouse por cima destes menus eu gostaria que a cor alterasse como se fosse a do clica como mostra as fotos abaixo:

Clicando no Menu:
inserir a descrição da imagem aqui

Sem clicar no menu:
inserir a descrição da imagem aqui

1 Resposta 1

2

É só definir a propriedade background-color usando o seletor ul.nav li.dropdown:hover.

ul.nav li.dropdown:hover
{ 
    background-color: algumTomDeAzulAqui;
}

ul.nav li.dropdown:hover ul.dropdown-menu
{ 
    display: block; 
}
9
  • com o background-color o submenu que muda de cor Commented 8/06/2017 às 18:47
  • @LeonardoMacedo Esqueci de tirar o final do seletor, tenta dessa forma
    – Jéf Bueno
    Commented 8/06/2017 às 18:48
  • retirando o ul.dropdown-menu o menu fica com a cor correta porem o submenu não aparece Commented 8/06/2017 às 18:48
  • Não, @LeonardoMacedo Você tem que manter os dois CSS.
    – Jéf Bueno
    Commented 8/06/2017 às 18:50
  • Funcionou! Muito obrigado! daqui 5 minutos eu coloco como positivo aqui! Commented 8/06/2017 às 18:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .