当鼠标经过表中的一行时，将光标更改为手

我如何改变指针指针手当我的鼠标在<tr>在<表>

<table class="sortable" border-style:>
  <tr>
    <th class="tname">Name</th><th class="tage">Age</th>
  </tr>
  <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr>
  <tr><td class="tname">Kate</td><td class="tage">36</td></tr>
  <tr><td class="tname">David</td><td class="tage">25</td></tr>
  <tr><td class="tname">Mark</td><td class="tage">40</td></tr>
</table>

当前回答

你可以用CSS来做这个。

.sortable tr {
    cursor: pointer;
}

2012-02-15 04:06:22

其他回答

我发现最简单的方法就是相加

style="cursor: pointer;"

到你的标签。

2012-06-14 17:58:32

为了兼容IE < 6，请按以下顺序使用此样式:

.sortable:hover {
    cursor: pointer;
    cursor: hand;
}

但是请记住IE < 7只支持< >元素的悬停伪类。

2014-03-18 12:37:06

使用css

table tr:hover{cursor:pointer;} /* For all tables*/
table.sortable tr:hover{cursor:pointer;} /* only for this one*/

2012-02-15 04:05:05

像这样使用CSS的游标属性:

<table class="sortable">
  <tr>
    <th class="tname">Name</th><th class="tage">Age</th>
  </tr>
  <tr style="cursor: pointer;"><td class="tname">Jennifer</td><td class="tage">24</td></tr>
  <tr><td class="tname">Kate</td><td class="tage">36</td></tr>
  <tr><td class="tname">David</td><td class="tage">25</td></tr>
  <tr><td class="tname">Mark</td><td class="tage">40</td></tr>
</table>

当然，您应该将样式放入CSS文件并将其应用到类中。

2012-02-15 04:04:45

使用样式游标:指针;CSS中你想要光标改变的元素。

在你的例子中，你会使用(在你的.css文件中):

.sortable {
    cursor: pointer;
}

2012-02-15 04:03:44

当鼠标经过表中的一行时，将光标更改为手

推荐文章

最新文章

标签