Question

每当我点击图库页面时，如何禁用绿色？

主页

<li class="dropdown mega-dropdown">
                        <a class="dropdown-toggle" href="Gallery.aspx">Gallery<span class="caret"></span></a>
                        <div class="pc-nav">
                        <ul class="dropdown-menu mega-dropdown-menu">
                            <li class="col-sm-3 col-md-push-3">
                                <ul>
                                    <li class="dropdown-header" style="text-align:left">Company Trips</li>
                                    <li style="text-align:left; visibility:hidden;"><a href="CompanyTrip.aspx#2016-Vietnam"> 2016 - Vietnam</a></li>
                                    <li style="text-align:left;"><a href="CompanyTrip.aspx#2015-Guilin"> 2015 - Guilin</a></li>     
                                </ul>
                            </li>
                        </ul>

这里的CSS

<ul class="dropdown-menu mega-dropdown-menu">
                                <li class="col-sm-3 col-md-push-3">
                                    <ul>
                                        <li class="dropdown-header" style="text-align:left">Company Trips</li>
                                        <li style="text-align:left;"><a href="CompanyTrip.aspx#2016-Vietnam"> 2016 - Vietnam</a></li>
                                        <li style="text-align:left;"><a href="CompanyTrip.aspx#2015-Guilin"> 2015 - Guilin</a></li>                                        
                                    </ul>
                                </li>
                            </ul>

Answer 1

我假设current类表示您选择的列。鉴于您在评论中提供的标记，您可以像这样重写规则以删除背景颜色：

.current {
  background-color: transparent;
}

如果您无权访问原始代码但希望覆盖它，则可以取代background-color属性，如下所示：

.current {
  background-color: transparent !important;
}

但最后，如果你不希望current列有任何特殊的背景颜色，你可以删除整个代码块。

修改

根据您的反馈，我假设您要突出显示列表中国家/地区的名称，而不是列表中的第一项。在这种情况下，您可以像这样定位它们：

ul.dropdown-menu ul li:not(.dropdown-header) { background-color: #00b200; }

如何禁用导航激活

1 个答案: