html - 从 css 添加 title 属性

Question

如何从 css 添加 title='mandatory' 到下面

     <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;
}

Answer 1

好吧，虽然实际上不可能更改标题属性，但完全可以通过 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;
}