Question

这是我的观察表：

CREATE SEQUENCE serial START 101;
SELECT nextval('serial');
create table MyTable(col1 int,col2 varchar(20));
INSERT INTO MyTable VALUES (nextval('serial'), 'nothing');

这是我的css文件：

<tr>
       <th><p>ID</p></th>
       <th><p>NAME</p></th>
       <th><p>CLASS</p></th>
       <th><p>EDIT</p></th>
       <th><p>DELETE</p></th>
</tr>

对于使用悬停的高亮显示行，它对我不起作用。我不知道我在这个问题上做错了什么帮助？

非常感谢， viswa

Answer 1

用户:hover选择器悬停颜色：

＆＃13;

table.mytable tr:hover{
 background-color: #ffff99;
}

＆＃13;

<table class="mytable">
<tr>
       <th><p>ID</p></th>
       <th><p>NAME</p></th>
       <th><p>CLASS</p></th>
       <th><p>EDIT</p></th>
       <th><p>DELETE</p></th>
</tr>
<tr>
       <td>1</td>
       <td>ABC</td>
       <td>2</td>
       <td>edit</td>
       <td>delete</td>
</tr>
</table>

＆＃13;

Answer 2

试试这个：

添加P:hover选择器以悬停颜色：

p:hover{
 background-color: #ffff99;
}

由于

DEMO HERE

或

.mytable{ width:100%; border-collapse:collapse; border:#4e95f4 1px solid; } .mytable td{ padding:7px; border:#4e95f4 1px solid; } .mytable tr{ background: #b8d1f3; } .mytable tr:hover { background-color: #ffff99; }

DEMO UPDATED HERE

Answer 3

viswa。

要在悬停时突出显示，您还需要添加用于悬停的css。由于您将行包含在<p>标记中，因此可以在css文件中使用以下内容。

p:hover{ background-color: #ffff99; }

确保以下内容之间没有空格：＆＃39; hover＆＃39;。

Answer 4

tr:hover {
      background-color: #ffff99;
    }

Check here

每行的Html悬停样式

4 个答案: