css文本装饰没有在chrome中工作

Question

这是HTML和CSS代码:

#spanUpdBrowserSuggestions a {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

#spanUpdBrowserSuggestions a:hover {
    color: #FF0000;
}

<span name="spanUpdBrowserSuggestions" id="spanUpdBrowserSuggestions">
<ul>
  <li><a href="http://www.mozilla.com/en-US/firefox/new/" target="_new">Firefox</a><br></li>
  <li><a href="http://www.opera.com/download/" target="_new">Opera</a><br></li>
  <li><a href="http://www.google.com/chrome/index.html" target="_new">Chrome</a><br></li>
  <li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_new">Explorer</a><br></li>
</ul>                   
</span>

在Firefox,Opera,甚至IE中它都应该显示:黑色链接正常,红色悬停.在基于Webkit的浏览器中(谷歌浏览器和Safari)它显示为带有下划线的普通蓝色链接.

有什么想法有什么不对吗？

Answer 1

你不应该将block元素放在内联元素中,所以你不能在一个span内放一个ul.尝试更改其他元素的跨度,如div.