【发布时间】:2012-02-05 23:16:04
【问题描述】:
假设我们有:
<a id="link" href="#" title="i am the title">link</a>
有没有办法使用 CSS 将默认情况下在鼠标悬停时显示的 “我是标题” 文本大写?
【问题讨论】:
假设我们有:
<a id="link" href="#" title="i am the title">link</a>
有没有办法使用 CSS 将默认情况下在鼠标悬停时显示的 “我是标题” 文本大写?
【问题讨论】:
我不知道。
您可以通过其属性选择一个元素,但不能选择一个属性本身。
一点点 JavaScript 就可以做到,但是...
var elem = document.getElementById('link');
elem.title = elem.title.toUpperCase();
【讨论】:
否 - 像工具提示这样的标题取决于浏览器,CSS 无法更改它们。
但这里有一个链接,它显示了如何仅使用 CSS 使虚假工具提示看起来像您想要的那样: How to change the style of Title attribute inside the anchor tag?
【讨论】:
只要您使用的是 jQuery,我已经找到了解决方案。
这是一个现场演示 - http://jsfiddle.net/WzYkQ/
【讨论】:
$('.link').attr('title', function(i, title) { return title.toUpperCase(); });.