从 css 添加 title 属性

Question

如何将 title='mandatory' 从 css 添加到以下内容

     <label class='mandatory'>Name</label>

.mandatory
{
background-image:url(/media/img/required.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:10px;
font-weight:bold;
}

原文由 Rajeev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你不能。 CSS 是一种表示语言。它不是为了添加内容而设计的（除了 :before 和 :after 之外的非常琐碎的内容）。

原文由 Quentin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

好吧，尽管实际上不可能更改 title 属性，但完全可以通过 CSS 显示工具提示。您可以在 http://jsfiddle.net/HzH3Z/5/ 查看工作版本。

您可以做的是设置 label:after 选择器的样式并为其提供 display:none，并通过 CSS 设置其内容。然后你可以将 display 属性更改为 display:block on label:hover:after，它就会显示出来。像这样：

 label::after {
  content: "my tooltip";
  padding: 2px;
  display: none;
  position: relative;
  top: -20px;
  right: -30px;
  width: 150px;
  text-align: center;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
label:hover::after {
  display: block;
}

原文由 Dolf Andringa 发布，翻译遵循 CC BY-SA 4.0 许可协议