1 css
以下是我用来突出显示一行的类,但它只对cursor和字体进行更改,而不是bgcolor对行进行更改 .
我也使用了背景色:#FFDC87; 但它无法获得所需的输出.
.highlighted {
bgcolor: #FFDC87;
cursor : pointer;
/*font-size : 50px;*/
}
我怎样才能使它工作？
Dou*_*aan 11
那是因为bgcolorCSS属性不存在.您正在寻找的房产是background-color.
如果这不起作用,那么还有其他东西会弄乱元素background-color,并阻止它工作.但我们需要更多代码来帮助您.
其他答案清楚地表明,它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>