使用CSS突出显示行

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

我也使用过背景颜色：＃FFDC87;但它无法获得所需的输出。

.highlighted { 

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

如何让它工作？

来源

2010-02-13 user269390

这是因为bgcolor CSS属性不存在。您正在寻找的财产是background-color。

如果这不起作用，还有其他的东西与元素的background-color混淆，并阻止它的工作。但是我们需要更多的代码来帮助你。

来源

2010-02-13 12:26:43

总有一种'！重要的'保存一天。 http://www.w3.org/TR/CSS2/cascade.html#important-rules – badp 2010-02-13 12:51:31

没有冒犯，但是OP错过了显而易见的'bgcolor' ...... IMO他不应该接触！重要的。 – chakrit 2010-02-13 16:23:21

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

来源

2010-02-13 12:27:35 wsanville

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

试一下:)

来源

2010-02-13 12:27:55

如由其他的答案明确，这是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>

来源

2010-02-13 12:49:33

使用CSS突出显示行

回答

相关问题