0

我的链接在悬停时改变了颜色，但全文没有改变，并且将剪裁位保留为默认颜色，使其看起来有问题。

有没有办法解决这个问题？

http://jsfiddle.net/C8K8z/

a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;

}
a:hover{
    color:#c41313;
    text-decoration:underline;
}
4

1 回答 1

1

问题似乎与 Oleo Script 字体有关。它不是 100% 一致的，但是某些字符的字体设计（提示？）可能会导致边缘在元素的框之外结束。

我建议使用另一种没有此问题的字体，但如果您致力于 Oleo，您可以在左右添加填充来解决它。

a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;
    padding: 0px 3px 0px 3px;
}

此外，您的小提琴没有正确导入字体（我相信 jsfiddle 存在问题），但我能够通过使用 Google Font JavaScript 导入选项而不是链接 css 资源来使其工作。

你可以在这里看到字体问题：http: //jsfiddle.net/aYxEU/

并在这里修复：http: //jsfiddle.net/hFgaw/

于 2013-04-26T21:26:28.743 回答