是否可以设计标题？(还有CSS或js？)

Question

我想知道是否可以设计样式title:

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

造型问题有两个方面:

• 文本格式化 /编码(我猜这是可能的,所以在问题中做到了*).
• Tooltip造型,你能让它更大吗？其他颜色？等等

我的另一个问题是你如何"指出"头衔？

• 来自CSS
• 来自Javascript/jQuery

提前致谢!

---

*文字格式/编码的内容:

Answer 1

您可以通过HTML实体在title属性中添加换行符,以强制在文本中换行.目前大多数浏览器都支持此功能 这是您可以对浏览器的本机工具提示显示进行的唯一更改.

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

请参阅网页上的上述示例.

正如其他人所指出的那样,存在着大量的插件,用于制作自定义HTML工具提示的各种JS库都设置样式.这是谷歌搜索"jquery tooltip插件" 的热门话题,回顾了10个这样的插件.

Answer 2

您可以使用:after和:hover伪类创建仅限CSS的工具提示:

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

.class-with-tooltip:hover:after{
    content: 'Tooltip';
    position: absolute;
    padding: 5px;
    border: 1px solid gray;
    background: whitesmoke;
    font-size: 14px;
}

我不确定这在旧浏览器中是如何工作的,但它适用于所有主流浏览器.

的position: absolute;需要,以防止产生的内容从所述元件后推的标记.