CSS 悬停背景更改在 Safari 上不起作用答案

【问题标题】：CSS Hover Background change not working on SafariCSS 悬停背景更改在 Safari 上不起作用
【发布时间】：2011-10-24 00:55:08
【问题描述】：

我已经设置了这段代码 - 它在 Firefox 和 IE 上运行良好 - 但它在 Safari 中根本不起作用 - 有人知道为什么这不起作用吗？

CSS

#list-menu { width: 235px; font-size: 1.3em; font-weight:bold; }
#list-menu ul { margin: 0; padding: 0; list-style-type: none; } 
#list-menu li { margin: 2px 0 0; } 
#list-menu a { display: block; width:235px; padding: 2px 2px 2px 10px; border: 1px solid #000000; background: #868686; text-decoration: none; } 
#list-menu a:link, #list-menu a:active, #list-menu a:visited { color: #ffffff; }
#list-menu a:hover { border: 1px solid #000000; background: #474747; color: #ffffff; }

HTML

<div id="list-menu">
    <ul>
        <li><a href="#">Alexandra Burke</a></li>
        <li><a href="#">Avenge Sevenfold</a></li>
        <li><a href="#">Bullet For My Valentine</a></li>
        <li><a href="#">Chase & Status</a></li>
        <li><a href="#">Cliff Richard</a></li>
        <li><a href="#">Deconstruction</a></li>
        <li><a href="#">Jedward</a></li>
        <li><a href="#">JLS</a></li>
        <li><a href="#">Justin Bieber</a></li>
        <li><a href="#">Kasabian</a></li>
        <li><a href="#">Lady Gaga</a></li>
        <li><a href="#">Motorhead</a></li>
        <li><a href="#">N-Dubz</a></li>
        <li><a href="#">Olly Murs</a></li>
        <li><a href="#">Pixie Lott</a></li>
        <li><a href="#">Queen</a></li>
        <li><a href="#">The Fuel Girls</a></li>
        <li><a href="#">The Saturdays</a></li>
        <li><a href="#">The Wanted</a></li>
    </ul> 
    </div>

【问题讨论】：

您使用的是哪个版本的 Safari？
欢迎来到 SO @Matt。对于那些想要它的人，这里有一个小提琴：jsfiddle.net/dAS4p
小提琴适用于我在 Windows 7 上的 Safari 5.0.3 中。

标签： css safari background hover

【解决方案1】：

不确定也没有经过测试（因为我没有 Safari），但也许 Safari 对规则声明感到窒息？

尝试列出所有元素，例如

#list-menu ul li a:hover

【讨论】：