css - 与其他浏览器不同，IE8 的 css 中的背景颜色属性无法按预期工作

Question

我为两个不同的文本按钮应用了两种不同的样式。

.BC { 
background-color : DC143C;
color: white;
font-size: 12px;
display: block;
height: 21px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
text-align: center;
text-decoration: none;
font-weight: bolder;
}

.DE { 
background-color : black;
color: white;
font-size: 12px;
display: block;
height: 21px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
text-align: center;
text-decoration: none;
font-weight: bolder;
}

按钮的外观和感觉在 Mozilla、chrome、Opera 和 Safari 浏览器中都很棒，颜色发生了预期的变化(即按钮以默认长度出现，文本被包裹在里面)。但是在 IE8 和 IE9 中，颜色仅适用于我提到的文本，并使用按钮结构进行 self 调整。

你能帮我解决这个问题吗？

Answer 1

嘿，以前在颜色方面#

像这样

background-color : #DC143C;

并替换这个

.BC{background-color : #DC143C;}