Dropdown Menu Items do not change color [closed]

Navigation
0

UPDATE

I'm developing a web application and put the bootstrap menu and would like the menu items to change color and not be in that black color, but in color #00008B

Menu items

HTML

<ulclass="dropdown-menu">
                      <li class="conteudo_drop"><a href="#"><i class="fa fa-laptop"></i> Meus Pedidos</a></li>
                       <li class="conteudo_drop"><a href="#"><i class="fa fa-gear"></i> Meus Dados</a></li>
                       <li class="conteudo_drop"><a href="#"><i class="fa fa-group"></i> Fale Conosco</a></li>
                        <li><a href="#"><button type="button" onclick="" class="btn_entrar" >Entrar</button> </a></li>
                         <li class="conteudo_drop"><a href="cadastro.jsp"> Cliente novo? Cadastre-se</a></li>
                    </ul>

CSS 

 .dropdown-menu{

        background-color: white;
        color:white;
    }
    .conteudo_drop{

        color:#00008B !important;
    }
    
asked by anonymous 17.10.2017 / 18:30

2 answers

2

The <a> tag has a default style, and in Bootstrap color is certainly applied directly to it.

So you should apply the color in the <a> tag, like this: 

.conteudo_drop a {
  color:#00008B;
}
    
19.10.2017 / 23:06
0

Instead of putting a class in the li tag, put a style inside it to determine the color you want.

If it does not work, you can enter the Bootstrap code and change the color directly in the class .contaudo_drop.

    
19.10.2017 / 22:06
SQL Server - How to create a new table using a select from another table (both in the same database) How to add the value of the id and text attribute of a select from the click event of a button?