Javascript 有可能设计一个标题吗？（是否使用CSS或js？）

我想知道是否可以设计一个

标题

：

<a href="#" title="This is a title">Hello</a>

造型问题有两个方面：

• 文本格式/编码（我想这是可能的，在问题中也是如此*）
• 工具提示样式，是否可以将其放大？其他颜色？等等

我的另一个问题是你如何“指向”标题

• 从CSS
• 从Javascript/jQuery

提前谢谢

---

*按文本格式/编码列出的内容：

---

您不能在默认的title属性上使用直接的CSS，但是您可以使用许多JQuery工具提示插件来创建新的工具提示以及可以使用CSS进行样式设置的工具提示

---

您可以通过HTML实体在标题属性中添加换行符，以强制在文本中换行。现在大多数浏览器都支持这一点。这是您可以对浏览器的本机工具提示显示进行的唯一更改

<a href="real_link" title="check&#13;&#10;this&#13;&#10;out">foo bar</a>

请参见上面的示例

---

正如其他人所指出的，存在大量用于各种JS库的插件，用于制作可设置样式的自定义HTML工具提示。这里是谷歌搜索“jquery工具提示插件”，回顾了10个这样的插件。

否。你无法为任何HTML元素的“title”属性设置样式。但是，我同意有许多jquery插件可以使用title属性设置工具提示的样式

---

试试这个

这在CSS中是不可能的，因为工具提示弹出窗口是操作系统的本机内容，但请看一下本教程（文章+屏幕广播+源代码）：

---

它描述了如何推出您自己的定制jQuery插件，该插件将完全满足您的要求。

您可以使用jQuery实现，但不需要插件

为元素分配一个类，然后在文档准备好后，为该类设置title属性。例如

$(".className").attr("title", "Your title here.");

---

您可以使用

：after

和

：hover

伪类创建仅CSS的工具提示：

<a href="#" class="class-with-tooltip">Link</a>

我不确定这在旧浏览器中如何工作，但它在所有主流浏览器中都能工作

---

位置：绝对位置来防止生成的内容将标记推到元素之后。
他可以！您是说他可以使用jQuery。如果jQuery可以，那么使用纯js也是可能的。抱歉，-1。@Zote阅读理解失败-CSS！=非常好的参考（不仅仅是工具提示）谢谢！没问题，伙计！我一直在查看那个网站，里面都是非常有用的教程和技巧。这个解决方案不适用于：text（比如input，select）元素，但它仍然是一个很好的解决方案。最好使用
content:attr（title）
；但是使用这两种方法，您可能仍然希望抑制默认的浏览器行为，因此可能仍然需要JavaScript。样式部分和换行部分的可能重复。
.class-with-tooltip:hover:after{
    content: 'Tooltip';
    position: absolute;
    padding: 5px;
    border: 1px solid gray;
    background: whitesmoke;
    font-size: 14px;
}