Question

<li><a class="fancypdf" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Proin eget mattis enim. Nam at laoreet sapien. Nulla facilisi. Aenean commodo egestas 
odio id bibendum. Vestibulum commodo, justo et dignissim congue, dolor sem finibus nisi, 
ac tempus risus lacus nec justo. Fusce tincidunt ante nec malesuada imperdiet." 
href="pdf/pdffile.pdf">`if hover title will appear`</a><br></li>

这是一个带有属性标题的列表，当你将它悬停在一个带有标题内容的框中但是如果标题很长就像我的例子那么宽的框就是我想要的那个盒子就够了宽而且高度延伸。有没有办法在不使用类似this的情况下执行此操作。这个小提琴是我能看到做的这种css风格

UPDATE

这是我用的css

a[title]:hover:after {
  content: attr(title);
  width:600px;
}

Answer 1

如果我做对了，你想要禁用元素的默认标题工具提示并制作自己的，这看起来应该与默认标题非常相似。您的示例小提示的问题是，与自定义CSS工具提示一起，浏览器还会显示默认工具提示（有延迟）。

要更改它，您可以将标题属性转换为数据标题属性并相应地更改CSS：

a[title]:hover:after { content: attr(title); ... }

必须更改为

a[data-title]:hover:after { content: attr(data-title); ... }

请参阅DEMO。第一个链接只有自定义CSS工具提示，第二个链接显示默认浏览器工具提示。

属性标题框仅更改宽度和高度css

1 个答案: