html - pointer无效 - cursor翻译




鼠标移动到表格中的某一行时,将光标更改为手形 (7)

当鼠标移过<table><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>

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

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

但请记住,IE <7支持:hover仅使用<a>元素:hover伪类。


使用CSS

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

像这样使用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文件并将其应用到课程中。


实际上,你可以不用JavaScript来做到这一点

.sortable tr {
    cursor: pointer;
}

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

style="cursor: pointer;"

到您的标签。


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

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

添加cursor: pointer你的CSS的cursor: pointer





cursor