Question

<abbr title="United States of America">USA</abbr>

当你用光标继续前往美国时，它会显示一个文本框，我们如何编辑该文本框需要CSS TAG

Answer 1

想要自定义吗？

CSS3：

abbr:hover:before {
   content: attr(title);
}

演示： http://jsfiddle.net/NzntY/

或者改变你想要的任何东西......

<abbr data-yeah="United States of America">USA</abbr>

所以

content: attr(data-yeah);

Answer 2

如果您希望能够设置悬停时显示的文本框，则可以使用自定义工具提示。参见：

请参阅此DEMO，其中包含以下jQuery以添加工具提示：

$(function () {
    $(document).tooltip({
    });
});

使用这些CSS类：

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px"Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

请记住，您需要在jQuery UI中包含一个引用：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

HTML5 Abbr标记如何标题标题OnHover文本消息

2 个答案: