CSS文本修飾無鉻

這裏不工作是HTML和CSS代碼：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，歌劇，甚至IE中顯示，因爲它應該：黑鏈接正常，紅色懸停。在基於Webkit的瀏覽器（Google Chrome和Safari）中，它會顯示爲帶下劃線的普通藍色鏈接。

任何想法有什麼不對？

來源

2011-11-08 MIrrorMirror

在Chrome中進行測試，獲得紅色懸停的黑色鏈接。你的問題在別的地方。 – lanzz

適合我... –

[同意...它的工程]（http://jsfiddle.net/FL6rG/） –

你不應該把塊元素放在一個內聯元素中，所以你不能把一個ul放在一個跨度內。嘗試改變一些其他元素的跨度，比如div。

來源

2011-11-08 15:11:35 JAiro

CSS文本修飾無鉻

回答

相關問題