Question

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

我也使用了背景色：＃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所提到的：

alt text 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：＃FFDC87;

试试：）

使用CSS突出显示行

4 个答案: