Question

我的链接会在悬停时更改颜色，但全文不会更改，并且剪切的位会保留默认颜色，使其看起来有些错误。

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

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

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

Answer 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/

Chrome字体颜色＆＃39;剪裁＆＃39;

1 个答案: