我接管了一个基于Bootstrap的网站,我注意到Safari移动设备上的悬停颜色不适用于移动导航。当您从菜单中选择一个选项时,它应该将颜色更改为黄色。目前,无论实施什么,都不会发生任何类型的悬停/选择效果。背景颜色保持灰色。我已经尝试了所有可能想到的CSS来改变它,但是我很难找到正确的选择器字符串来专门定位悬停颜色,因为它上面使用了多个CSS文件。右选择器的任何指针?
<div id="second-navbar" class="navbar mega-menu" role="navigation">
<div class="container">
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-responsive-collapse">
<div class="menu-container">
<ul class="nav navbar-nav">
<!-- mobile navbar -->
<li><a href="book-now">Book Now</a></li>
<li><a href="womens-services">Women's Services</a></li>
<li><a href="mens-services">Men's Services</a></li>
<li><a href="waxon-way">Waxon Way</a></li>
<li><a href="why-franchise">Own A Waxon</a></li>
<li><a href="contact">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
This is the website查看源代码。