html - HTML：td 标签中的“title”属性样式

Question

有人能告诉我如何在 td 标签中设置“title”属性的样式吗？

我的代码如下：

 <td align="center" class="chaos" width="80%" >
  <a class="chaos" title="<%=trimtext%>">
<span class="chaos"><%=len(trimtext,50)%></span>
</td>

我不能使用jquery。建议一些答案。谢谢。

Answer 1

你不能。小弹出窗口是操作系统原生的。

您可以使用javascript删除标题attr，然后构建一个新的div，根据标签的坐标绝对定位它并复制效果。

您不必使用 jQuery 来执行此操作，纯 JS 就可以了，但您可能会发现在 jQuery 中它更快。（即我想用 2-5 行 jQuery 来做到这一点）。

如果当您说“不能”时，您的意思是因为您不知道如何做，请投入一些时间——您将很快获得收益！

如果您说“不能”是因为您的公司不允许这样做，那么请高兴您按小时/天/月或其他方式获得报酬——您的公司希望资助开发通用库的替代方案，这很好。确保您能够使用自己开发的库，或者将其开源以确保它在许多浏览器中经过测试。

Answer 2

正如其他人所说，您无法设置浏览器本机提供的标题弹出窗口的样式。但是，可以使用 .css 来引用 css 中的标题内容attr。例如：

td.chaos:hover::before {
  content: attr(title);
  position: absolute;
  border: 1px solid black;
  background: yellow;
}

这不会给您带来原生弹出窗口免费提供的延迟外观，但根据您的具体用例，您可能会想出一些有用的东西（也许通过使用过渡？）。

另外，请注意，这种样式不会消除本机弹出窗口，因此您最终会得到两个弹出窗口。