我如何改变指针指针手当我的鼠标在<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中你想要光标改变的元素。

在你的例子中,你会使用(在你的.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文件并将其应用到类中。

我把这个添加到我的style.css来管理游标选项:

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

内联样式的示例:

< table > <tr> <td style=“光标:指针;”鼠标我over:指针</td> </tr> <tr> <td style=“cursor: wait;”>鼠标我over: wait</td> </tr> <tr> <td style=“cursor: zoom-in;”>鼠标我over: zoomin </td> </tr> - < table >

我搜索了一下引导样式,发现了这个:

[role=button]{cursor:pointer}

所以我认为你可以得到你想要的:

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

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

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

.sortable {
    cursor: pointer;
}