Question

我在带边框

的表格中创建了简单的表格

//Top Table
<table border="5" bordercolor="#36C1DF"  class="topCss" >
    //rest table 
     <tr> 
       <td>
         //This table Border is the problem in IE
        <TABLE  class="innerCss">   
       </td>
      </tr>
     // And my below are css settings
     .topCss
     {
       border-collapse: separate;
       border-style: solid;
       border-bottom-right-radius:12px;
       border-bottom-left-radius:12px;
      }
     .innerCss
      {
           border:2px solid #ffffff; 
      }

实际上，表格边框颜色white在Chrome和FireFox中运行良好，但在IE中实际上看起来是white颜色的黑色。

This image border is in Chrom

This image border is in IE

请帮助如何在IE-9中获得白色边框

Answer 1

使用css：

table{
border:2px solid #ffffff;
}

如果你想要td颜色为白色，那么再添加这个代码：

table tr td{
border:2px solid #ffffff;
}

试试这些总代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style>


 body{ 
 background:#000;
 color:#fff;}
.topCss
     {
        border:5px solid #36C1DF;
       border-collapse: separate;
       border-style: solid;
       border-bottom-right-radius:12px;
       border-bottom-left-radius:12px;
      }
     .innerCss
      {
           border:2px solid #ffffff; 
      }   
     </style> 
</head>

<body>

<!--     
//Top Table-->
<table class="topCss" >
  <!--  //rest table -->
     <tr> 
       <td>
       <!--  //This table Border is the problem in IE-->
        <TABLE  class="innerCss" >   
        <tr><td> cell 1 </td> <td>cell 2</td></tr>
        </TABLE>
       </td>
      </tr>


</table>
</body>
</html>

Answer 2

请使用

更新您的代码

<table bordercolor='white' style="border-style:none;">

请删除border =＆＃39; 2＆＃39;。试试这个，应该工作

Answer 3

我不是专家，但我建议您跳过HTML样式并使用CSS（最好不要内联）：

<table style="border: 2px solid #fff;">
    //rest table

注意：删除border和bordercolor HTML属性。

Answer 4

可能会对你有所帮助：

<!--     
//Top Table-->
<table class="topCss" style="border: 5px solid #36C1DF;" >
  <!--  //rest table -->
     <tr  > 
       <td >
       <!--  //This table Border is the problem in IE-->
        <TABLE  class="innerCss" style="border: 2px solid #fff;" >   
        <tr ><td> cell 1 </td> <td>cell 2</td></tr>
        </TABLE>
       </td>
      </tr>


</table>

在IE中无法将表格边框颜色保持为白色

4 个答案: