长字符串hover设置color部分失效

对于标签内的内容是md5或url等连续无间隔的长字符串时，在hover伪类上设置color样式，只有部分有效。

dom代码如下:

<span class="copyTarget el-tooltip" aria-describedby="el-tooltip-7645">9480031411bafd720f2fec18ca237a6a</span>

样式:

.copyTarget {
    cursor: pointer;
    &:hover {
        color: #f00;
    }
}

最终鼠标hover时的效果:

怎么修复这种问题呢，亲测url链接也有这种问题