Question

我的Asp.Net MVC应用程序有一个非常简单的css文件。

    body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #663300;
}

input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    background-color: #FFFF99;
    color: #CC6600;
    border: 1px solid #808000;
}
.headerRow
{
    background-color: #FFFFCC;
    border-style: none none dotted none;
    border-bottom-width: 1px;
    border-bottom-color: #800000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
}

身体在两个方面都运作良好......就像输入一样。但是，headerRow在FF中不起作用，但在IE中运行良好。

在这里，正在使用：

 <table width="700" border="0" cellspacing="1" cellpadding="2">
    <tr class="headerRow">
        <td>
            Transaction Date
        </td>
        <td>
            Type
        </td>

        <td>
            Category
        </td>
        <td>
            Budget Assignment
        </td>
        <td>
            Cost Center
        </td>
        <td align="right">

            Amount
        </td>
    </tr>

标题行只显示为普通正文文本...

Answer 1

您可以使用此验证程序检查CSS和HTML代码吗？

http://validator.w3.org/ - ＆gt; HTML http://jigsaw.w3.org/css-validator/ - ＆gt; CSS

Answer 2

尝试稍微缩小代码。例如：

.headerRow { border-bottom: solid 1px #800000; }

可以为您节省三行代码。你能详细说明什么不起作用吗？边界？与headerRow相关的所有样式？

CSS在IE中工作，但不是FF

2 个答案: