html - 重复的标题标签？

Question

您好，我正在尝试设置标题标签的样式，但它在浏览器中出现的次数是我设置的样式和预设样式的两倍。

有什么想法吗？这是我的代码

谢谢大家。

<a href="contact.php" class="test" title="CONTACT US!"></a>

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  right:23%;
  top: 70%;
  white-space: nowrap;
  /*z-index: 20px;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
}

Answer 1

那是因为你不能设置标题的样式，因为它不是一个元素。

每个浏览器都以自己的方式处理 title 属性，它可以在悬停时显示它，不显示它，或者做一些完全不同的事情......

代码所做的是创建显示的额外内容，并且不会停止浏览器通常对标题所做的操作。

如果您不希望浏览器显示标题，请不要使用 title 属性。使用您知道浏览器不会显示的其他一些属性。