HTML表格单元格加手型光标需用CSS cursor: pointer 作用于具体可操作的 <td> 或 <th>（如通过class），而非整个<table>；<tr>不支持直接设置cursor，应改用 tr:hover td/th；移动端:hover无效，应改用背景色等替代反馈。
HTML表格单元格怎么加手型光标？用CSS的cursor属性
直接给 <td> 或 <th> 加 cursor: pointer 就能变手型，但要注意作用范围和继承关系——不是整个 <table> 设一次就全生效。
常见错误是写成 table { cursor: pointer; }，结果点击空白单元格也出手指，但用户实际只想点有交互内容的单元格（比如带链接或可编辑的）。更稳妥的做法是只作用于明确可操作的单元格：
- 给需要响应点击的
<td>加 class，例如<td class="clickable">，再配 CSS：.clickable { cursor: pointer; } - 如果单元格里有
<a>或<button>，优先给这些内联元素设cursor，避免父级<td>干扰默认行为 - 注意：
cursor: pointer不会触发点击事件，它只是视觉提示，事件逻辑仍需用 JavaScript 绑定onclick或addEventListener
为什么鼠标悬停表格行时图标没变？tr不支持cursor直接设置
<tr> 是 HTML 表格行容器，在部分旧版浏览器（如 IE）中对 cursor 属性支持不完整，直接写 tr:hover { cursor: pointer; } 可能无效。
解决方法是把光标样式“下沉”到单元格上：
立即学习“前端免费学习笔记（深入）”；
- 用
tr:hover td, tr:hover th { cursor: pointer; }—— 这样悬停整行时，所有单元格都会显示手型 - 如果只要某几列响应，可以限定选择器，比如
tr:hover .action-col td - 别忘了加
:hover伪类，否则是常驻光标，影响可读性
cursor属性有哪些常用值？pointer以外还有哪些适合表格场景
表格交互不止“可点击”，不同语义该配不同光标，避免误导用户：
-
cursor: pointer：标准点击操作（如跳转、展开） -
cursor: move：拖拽行/列排序时使用（需配合 JS 实现） -
cursor: not-allowed：禁用状态（比如权限不足不可操作的单元格） -
cursor: text：单元格内容可复制/编辑时更准确（比default更友好） - 慎用
cursor: wait：只应在真实等待异步操作完成时临时设置，不要在 hover 时用
注意：自定义光标（url()）在表格中基本没必要，加载慢、缩放失真、兼容性差，纯属增加维护成本。
移动端表格悬停失效？cursor属性在触摸设备上基本没用
手机和平板没有“悬停”概念，:hover 伪类在 iOS Safari 和 Android Chrome 中表现不稳定（可能触发延迟、误触发或完全不触发），所以依赖 cursor 的视觉反馈在触屏端会丢失。
应对思路不是强行修复 cursor，而是换更可靠的反馈方式：
- 用背景色变化代替光标（
tr:hover { background-color: #f5f5f5; }），这个在移动端也能通过点击模拟 hover - 对可操作单元格加边框/阴影等视觉强化，不依赖光标
- 如果必须区分状态，改用 class 切换（如 JS 添加
is-active），再配对应样式
真正容易被忽略的是：很多人花时间调试 cursor 在 iPad 上为什么不生效，却没意识到这个问题本身就不该存在——触屏交互不该以悬停为前提。
