gpt4 book ai didi

html - Hand(Pointer) cursor extended over the whole th/td, how to place it only over text?(html)

转载 作者:可可西里 更新时间:2023-11-01 13:04:13 25 4
gpt4 key购买 nike

我有一个如下所示的 html 表格:

<table id="table-first">
<tr>
<th>Column A</td>
<th>Column B</td>
<th>Column C</td>
</tr>
<tr>
<td>Text A</td>
<td>Text B </td>
<td>Text C </td>
<tr>
</table>

并为其添加以下 CSS:

    table.table-first {clear: both; position: relative; width: 100%; table-layout:fixed;} 
table.table-first th { padding: 10px 5px; cursor:pointer;}

如您所见,存在一个“cursor:pointer”属性,当我们将鼠标悬停在任何标题栏上时,它会显示手形图标。但是,手形图标覆盖整个标题栏,而不仅仅是标题文本。我们如何才能将手(指针)光标限制在“th”文本上?

最佳答案

你可以尝试类似的东西

<span class="pointer">Column A</span> 

围绕每个列文本。然后设置

.pointer {cursor:pointer;}

关于html - Hand(Pointer) cursor extended over the whole th/td, how to place it only over text?(html),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35020381/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com