Home/ Questions/Q 8973773
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T18:31:39+00:00

I am struggling with the button dropdowns, I cannot remove the blue background color

  • 0

I am struggling with the button dropdowns, I cannot remove the blue background color that appears when hovering through the menu list items. I tried changing the a:hover CSS but with no success. Maybe this background color is dinamically added with javascript?

Thanks!

Edit:

I tried this code and no success:

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></script>
  </head>

  <body>

    <style type="text/css" media="screen">
      .dropdown > li > a:hover {
          background-color: transparent;   
      }
    </style>

    <div class="btn-group">
      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        Action
        <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
        <li><a href="#">link me</a></li>
        <li><a href="#">link me too</a></li>
      </ul>
    </div>

    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>

  </body>

</html>

It looks like the CSS background color is not applied to the element. Why?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should work

    .dropdown-menu li a:hover :focus {
    color:black;/*color turns white if not changed*/
    background: none;           
}
    • 0