使用CSS突出显示行

Question

以下是我用来突出显示行的类，但它仅更改cursor和字体，而不更改行的bgcolor 。

我还使用了background-color：＃FFDC87; 但无法获得所需的输出。

.highlighted {

    bgcolor: #FFDC87;
    cursor          : pointer;
    /*font-size : 50px;*/
}

我该如何运作？

Answer 1

那是因为bgcolor CSS属性不存在。 您要查找的属性是background-color 。

如果这不起作用，则说明还有其他东西弄乱了元素的background-color ，并阻止了它的工作。 但是，我们需要更多代码来帮助您。

Answer 2

从其他答案可以明显看出，它是background-color而不是bgcolor 。 请注意，如果您使用的是Firebug或Webdeveloper之类的插件（均为Firefox插件），则可以查看HTML，JS或CSS代码中是否有错误。 这是Webdeveloper提到的：

替代文字http://img191.imageshack.us/img191/7469/csserror.png

而且，您可能还希望折叠表格的边框，否则表格中的行将有空隙。 您可以执行以下操作：

<html>
  <head>
    <style>
      table {
        border-collapse: collapse;
      }
      td {
        padding-right: 10px;
      }
      .highlighted {
        background-color: #ffdc87;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <table>
      <tr class="highlighted">
        <td>1</td><td>11</td><td>111</td>
      </tr>
      <tr>
        <td>2</td><td>22</td><td>222</td>
      </tr>
      <tr class="highlighted">
        <td>3</td><td>33</td><td>333</td>
      </tr>
      <tr>
        <td>4</td><td>44</td><td>444</td>
      </tr>
      <tr class="highlighted">
        <td>5</td><td>55</td><td>555</td>
      </tr>
    </table>
  </body>
</html>

Answer 3

CSS规则不是bgcolor，而是background-color 。 试试看。

Answer 4

背景颜色的CSS是“ background-color”，例如background-color：＃FFDC87;

试试看:)

使用CSS突出显示行

问题描述

4 个解决方案

解决方案1
11 2010-02-13 12:26:43

解决方案2
5 2010-02-13 12:49:33

解决方案3
3 2010-02-13 12:27:35

解决方案4
2 2010-02-13 12:27:55

使用CSS突出显示行

问题描述

4 个解决方案

解决方案1 11 2010-02-13 12:26:43

解决方案2 5 2010-02-13 12:49:33

解决方案3 3 2010-02-13 12:27:35

解决方案4 2 2010-02-13 12:27:55

解决方案1
11 2010-02-13 12:26:43

解决方案2
5 2010-02-13 12:49:33

解决方案3
3 2010-02-13 12:27:35

解决方案4
2 2010-02-13 12:27:55