如何更改锚标记内的title属性的样式？

Question

如何更改锚标记内的title属性的样式？例子：<a href="example.com" title="My site"> Link </a>如何在浏览器中更改“title”属性的表示方式？默认情况下，它只有黄色背景和小字体。我想把它变大，改变背景色。有CSS方式来样式标题属性吗？

Answer 1

下面是如何做到这一点的一个例子：

a.tip {

    border-bottom: 1px dashed;

    text-decoration: none

}

a.tip:hover {

    cursor: help;

    position: relative

}

a.tip span {

    display: none

}

a.tip:hover span {

    border: #c0c0c0 1px dotted;

    padding: 5px 20px 5px 5px;

    display: block;

    z-index: 100;

    background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;

    left: 0px;

    margin: 10px;

    width: 250px;

    position: absolute;

    top: 10px;

    text-decoration: none

}

<a href="#" class="tip">Link<span>This is the CSS tooltip showing up when you mouse over the link</span></a>