使用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突出顯示行

回答

相關問題