我的 html 页面中使用的 CSS 是
<style type="text/css">
body {background-color:#FFFFFF;font-family:Calibri;}
table{margin-left:auto;margin-right:auto;border:1px solid RoyalBlue;border- collapse:collapse;font-size:90%;}
td{margin:0px;border:1px solid RoyalBlue;padding:1px;}
td.tcname_selected {{margin:0px;align:center;background- color:LightSkyBlue;min-width:900px;color:white;font-weight:bold;}
td.tcname {{margin:0px;align:center;background-color:LightSkyBlue;min- width:900px;}
td.tccontainer {padding:0px;}
tr.stepstbl_vis {}
tr.stepstbl_notvis {display:none;padding:1px;border:0px;}
<!-- table.stepstbl {margin:0px;border:none;padding:1px;} -->
table.stepstbl {border:1px solid RoyalBlue;border-collapse:collapse;font- size:90%;}
td.step_head {{margin:0px;align:center;background- color:LightSkyBlue;border:1px solid RoyalBlue;padding:1px;}
td.step_reg {{margin:0px;border:1px solid RoyalBlue;padding:1px}
span.hidden {display:none;}
</style>
CSS is not loading when i use it in my code -
<body>
<table width="90%" align="center">
<tr>
<td width="97%" class="tcname" id="tsname1">
</td>
</td>
</tr>
当我在 IE8 浏览器中使用相同的代码时,它工作正常。正在创建表格,但它不会以蓝色显示表格单元格的背景颜色,因为 IE11 和 Chrome 中未加载 CSS。有人可以帮助我吗找出根本原因?
最佳答案
我快速修复了你的代码,不确定你真正想要的是什么,但应该可以工作
<style type="text/css">
body {background-color:#FFFFFF;font-family:Calibri;}
table {margin-left:auto;margin-right:auto;border:1px solid RoyalBlue;border-collapse:collapse;font-size:90%;}
td {margin:0px;border:1px solid RoyalBlue;padding:1px;}
td.tcname_selected {margin:0px; text-align:center; background-color: LightSkyBlue;min-width:900px;color:white;font-weight:bold;}
td.tcname {margin:0px; text-align:center;background-color:LightSkyBlue;min-width:900px;}
td.tccontainer {padding:0px;}
tr.stepstbl_vis {}
tr.stepstbl_notvis {display:none;padding:1px;border:0px;}
table.stepstbl {margin:0px;border:none;padding:1px;}
table.stepstbl {border:1px solid RoyalBlue;border-collapse:collapse;font-size:90%;}
td.step_head {margin:0px; text-align:center; background-color:LightSkyBlue;border:1px solid RoyalBlue;padding:1px;}
td.step_reg {margin:0px;border:1px solid RoyalBlue;padding:1px}
span.hidden {display:none;}
</style>
<body>
<table width="90%" align="center">
<tr>
<td width="97%" class="tcname" id="tsname1">cell 1</td>
<td>cell 2</td>
</tr>
关于html - CSS 未在 IE11 和 Chrome 中加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33583014/