这是 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 的浏览器(Google Chrome 和 Safari)中,它显示为带下划线的普通蓝色链接。
有什么问题吗?
最佳答案
你不应该把 block 元素放在内联元素里面,所以你不能把ul放在span里面。尝试更改其他元素(例如 div)的跨度。
关于css 文本装饰 none 在 chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8052315/