Html 文本悬停时出现奇怪的背景色

以前有人见过这样的东西吗？我不知道是什么引起的

“正常”状态：

文本“悬停”状态：

看到下载文本周围的小发光了吗

代码如下：

.postRow .post .postThumb {
    background: #222;
    display: block;
    width: 267px;
    height: 153px;
    position: relative;
}

.postRow .post .cover {
    background: #222 url(../images/postCover.jpg) no-repeat;
    box-shadow: inset 0 0 235px rgba(0,0,0,0.9);
    display: none;
    width: 267px;
    height: 153px;
    position: absolute;
    top: 0;
}

.postRow .post .cover .livePreview a {
    float: left;
    color: #e9eff4;
    text-shadow: 0 1px 0 #000;
    margin: 65px 0px 65px 51px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.postRow .post .cover .livePreview a:hover {
    text-shadow: 0 1px 0 #000, 0 1px 7px rgba(255,255,255,0.4);
}

.postRow .post .cover .download a {
    float: left;
    color: #ff6464;
    text-shadow: 0 1px 0 #000;
    margin: 65px 9px 65px 20px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.postRow .post .cover .download a:hover {
    text-shadow: 0 1px 0 #000, 0 1px 7px rgba(237,105,105,0.6);
}

“问题”是由以下代码片段引起的：

.postRow .post .cover .download a:hover {
    text-shadow: 0 1px 0 #000, 0 1px 7px rgba(237,105,105,0.6);
}

---

我相信。如果我错了，请纠正我。

此问题是否在所有web浏览器中都会发生？还是仅仅在一个月内发生？（即Internet Explorer？）

如果在Internet Explorer中发生，您可能需要考虑使用<强>过滤器< /强>方法：

有关这方面的更多信息也可在此处找到：

---

鉴于这是他唯一的

：hover

语句，它必须是。实际上有两个：hover语句，因此我怀疑（第二个就在粘贴的底部）文本阴影没有引起它。即使我只是使用一个文本装饰，这种情况也会发生。我明白了，在这种情况下，可能是浏览器/操作系统的问题。这是否发生在所有浏览器/系统上？注释掉这条规则是否解决了问题？