我试图在使用跨度的悬停事件期间更改下划线颜色,它适用于IE9和Firefox 13.01但它在Chrome中不起作用(它应该以黄金下划线).

#menu li：hover span.underline {
    文字装饰：下划线;
    颜色：#FAA301; }

< ul id =“menu”>
    < li style =“z-index：7;”>< span class =“underline”>< a href =“#”> link1< / a>< / span>< / li>
    < / UL>

这是js.fiddle：http://jsfiddle.net/wuUpL/7/.

我最初从这篇文章https://stackoverflow.com/a/1175402/1490248中得到了这个想法,但那个也不适用于chrome.

注意：我不想使用边框来修复此问题,我已经将边框用作边框

有人可以帮我从这里出去吗？是否有某种铬破解/异常我可以用来解决这个问题？