Question

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

我的代码如下：

 <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

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

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

这不会给你原始弹出窗口免费提供的延迟外观，但根据你的确切用例，你可能会想出一些有用的东西（可能是通过使用转换？）。

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