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

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

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

这不会给您带来本机弹出窗口免费提供的延迟外观，但是根据您的确切用例，您也许可以提出有用的内容（也许通过使用过渡？）。

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