IE9邊框顏色錯誤？

其他人可以看看這段代碼，並確認這是一個IE9的錯誤，或告訴我我做錯了什麼？使用以下HTML代碼。即使定義了紅色的邊框顏色，該按鈕的底部邊框也會呈現與文本相同的顏色。 IE8和這個星球上的其他所有瀏覽器都可以呈現。確保IE9在標準模式下呈現。IE9邊框顏色錯誤？

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
    button.button { 
    color: blue; 
    border: 0px; 
    border-bottom: #FF0000 2px solid; 
    } 
</style> 
</head> 
<body> 
    <button type="button" class="button">Update</button> 
</body> 
</html>

到目前爲止，我發現的唯一修復方法是爲樣式底部的所有邊重新聲明邊框顏色。

border-color: #FF0000;

來源

2011-09-18 dirkoneill

非常舊的，但我可以證實我也看到了這種行爲，如你所說，重新宣佈邊框顏色似乎可以修復它。 – RYFN

不知道它是否有助於檢查出來了罰款，我

使用本

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
button { 
    border:0; 
} 

.update { 
    color: blue; 
    border-bottom: 2px #FF0000 solid; 
    display: block; 
    outline:none; 
    } 
</style> 
</head> 
<body> 
    <button type="button" class="update">Update</button> 
</body> 
</html>

，如果你接受我的意見，不要使用標籤名稱爲類名

來源

2011-09-18 06:59:45 Side

只是爲了澄清：這是IE9中的一個錯誤。 border-color，border-border和border-style在border-bottom內的順序應該沒有關係。 – user123444555621

@ Pumbaa80同意。此外，這個更新的例子仍然沒有解決我的問題。我仍然看到邊界是藍色的; – dirkoneill

IE9邊框顏色錯誤？

回答

相關問題