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

Question

对于标签内的内容是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链接也有这种问题

Answer 1

较为灵异，审查元素看看？

Answer 2

怕不是有哪个标签嵌套有问题吧，比如说该结束的没结束或者嵌套错误

Answer 3

审查元素显示是正常的，标签正常闭合

Answer 4

看看是不是浏览器自动识别成手机号码类别，html加上这个试试，无效忽略即可
<meta name="format-detection" content="telephone=no">