使用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