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 中仅应用颜色直到我提到的文本，并使用按钮结构进行自我调整。

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

Answer 1

嘿#以前的颜色

像这样

background-color : #DC143C;

并替换这个

.BC{background-color : #DC143C;}