css - 为 IE8 及更低版本调整 Legend 字段的宽度

Question

我创建了一个 HTML 5 表单，其中我的图例都有背景颜色。我的目标是在 FireFox、Google Chrome、IE 9> 中实现，是让文本然后背景颜色扩展页面的宽度。然而，问题是在 IE8 和更低版本中，它只扩展到单词的末尾。到目前为止，这是我常规页面的 CSS 明智的做法:

   .FormArea legend
    {
   font-weight: bold;
   font-size: 1.2em;
   line-height: 2em;
   display: block;
       color: white;    
       background-color: #A70C1E;
       width: 95%;
       padding-left: 7px;   
    }

我能否对如何针对 IE8 进行必要的调整有一些见解

Answer 1

我只是使用了一个填充:

 .FormArea legend 
    {
       font-weight: bold;
       font-size: 1.2em;
       line-height: 2em;
       color: white;
       background-color: #A70C1E;
       width: 80px !Important;
       padding-right: 650px !important;       
       display: block;        
    }

    .FormArea legend span
   {
        width:100%;

    }