css – 将本机工具提示样式从title =“Tooltip text”

我有输入元素有title属性,当然会带有tooltip的消息的属性值。

由于某种原因,这个工具提示需要使用CSS样式。

如何做呢?我不知道在哪个容器会被渲染,我不知道一切。此外,它不能被开发工具的firebug访问

解决方法

看来,实际上有一个纯CSS解决方案,只需要css attr表达式,生成内容属性选择器(这表明它的工作原理早在IE8):
a[title]:hover:after {
  content: attr(title);
  position: absolute;
}

资料来源:http://jsfiddle.net/tDQWN/

更新w /来自@ViROscar的输入:请注意,没有必要使用任何特定的属性,虽然我在上面的例子中使用了“title”属性;实际上我的建议是使用“alt”属性,因为有一些机会,内容将无法从CSS受益的用户可以访问。

更新我不会改变代码,因为“title”属性基本上是指“tooltip”属性,并且它可能不是一个好主意隐藏重要的文本内字段只有可以悬停,但如果你感兴趣的是使这个文本可访问的“aria-label”属性似乎是最好的地方:https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...