如何在firefox上强制背景颜色

时间:2015-04-03 22:56:20

标签: html css firefox

我正在尝试将背景颜色应用于.dropped_menu类中列出的项目。它在Chrome和IE中运行正常,但由于某些原因它在Firefox中不起作用,后者应用透明背景。这是一个“隐藏”的下拉菜单,然后使用jQuery“可见”。我不确定这是否重要因为我认为这是Firefox应用默认样式的问题,在这种情况下是背景颜色。我已经研究过,但我还没有找到解决方案。谢谢你的帮助!

HTML:

<ul class="dropped_menu">

    <li id="show_home1" class="home_block"><a href="#" id="home_hover1">........</a></li>
    <li id= "show_gallery1"class="gallery_block"><a href="#" id="gallery_hover1">........</a></li>
    <li id="show_events1" class="events_block"><a href="#" id="events_hover1">.........</a></li>
    <li id="about_side1"><a href="#" id="link_5"></a></li>
    <li id="show_donate1" class="join_block" ><a href="members.html" id="join_hover1" style="font-size:1em;">Get Involved</a></li>
    <li id="show_about1"  class="about_block"><a href="about.html" id="about_hover1">Our Story</a></li>
    <li><a href="#" id="extra"></a></li>
    <li><a href="#" id="extra"></a></li>

</ul>

CSS:

.dropped_menu li {
  background-color: black !important;
  border: 1px solid white;
  color: white;
}

1 个答案:

答案 0 :(得分:0)

你的代码很好。也许你应该尝试在&#34;私密浏览模式下运行firefox&#34;这将清除兑现的css文件。