我的HTML <a>标记未显示title属性</a>

Question

title属性应该在标签中工作吗？，我有以下内容：

<a class="btn btn-default btn-sm" data-toggle="confirmation" 
data-title="¿Está seguro que desea eliminar?" id="confirmation" 
data-btnOkLabel="Sí" data-btnCancelLabel="No" data-btnCancelClass="borde"
data-href="Evento_controlador.php?del={$evento.id}" 
title="Borrar" name="ver_evento2"><i class="icon-remove"></i></a>

并且它没有显示标题信息。 我不知道为什么

Answer 1

您必须在 A标签内部显示一些内容。 例如，添加测试文本：

<a class="btn btn-default btn-sm" data-toggle="confirmation" 
data-title="¿Está seguro que desea eliminar?" id="confirmation" 
data-btnOkLabel="Sí" data-btnCancelLabel="No" data-btnCancelClass="borde"
data-href="Evento_controlador.php?del={$evento.id}" 
title="Borrar" name="ver_evento2"><i class="icon-remove">Test Text</i></a>

演示： http ： //jsfiddle.net/JftrA/

标题是将鼠标悬停在该文本上时将显示的工具提示。

更新 ：使用正确的CSS，您不需要A标记内的内容。 例如：

.icon-remove {
    width:100px;
    height:100px;
    display:block;
    background-color:red;
}

演示： http ： //jsfiddle.net/JftrA/2/

确保您的CSS正确。