长字符串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时的效果:
hover_mistake.png

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

阅读 2.7k
4 个回答

较为灵异,审查元素看看?

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

hover_element.png
审查元素显示是正常的,标签正常闭合

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题