当鼠标移到表格中的一行时，将光标移到手

当鼠标移到a <tr>中时，如何更改光标指针<table>

<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;
}

我搜索了一些引导样式，发现了这一点：

[role=button]{cursor:pointer}

因此，我想您可以通过以下方式获得想要的东西：

<span role="button">hi</span>

我发现最简单的方法是添加

style="cursor: pointer;"

到您的标签。

添加cursor: pointer到您的CSS。

我将此添加到我的style.css中以管理光标选项：

.cursor-pointer{cursor: pointer;}
.cursor-croshair{cursor: crosshair;}
.cursor-eresize{cursor: e-resize;}
.cursor-move{cursor: move;}

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

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

但是请记住IE <7 :hover仅支持带<a>元素的伪类。

使用样式cursor: pointer;在CSS你想要的光标来改变的元素。

在您的情况下，您可以使用（在.css文件中）：

.sortable {
    cursor: pointer;
}

使用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文件并将其应用于类。

使用css

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

对于一个标准来说，上述解决方案是可行的，但是如果您使用的是数据表，则必须覆盖默认的datatatables.css设置，并将以下代码添加到自定义css中，在row-select下面的代码中，是我在数据表上添加的类如html所示。

table.row-select.dataTable tbody td
{
cursor: pointer;    
}

而且您的html如下所示：

<table datatable="" dt-options="dtOptions1" dt-columns="dtColumns1" class="table table-striped table-bordered table-hover row-select"  id="datatable"></table>

内联样式的示例：

<table>
  <tr> <td style="cursor: pointer;">mouse me over: pointer</td> </tr>
  <tr> <td style="cursor: wait;">mouse me over: wait</td> </tr>
  <tr> <td style="cursor: zoom-in;">mouse me over: zoom-in</td> </tr>
</table>