审查元素时，hover等伪元素，只会在鼠标悬停在对应元素上时生效。一旦鼠标移开，样式就会消失，已解决

这篇具有很好参考价值的文章主要介绍了审查元素时，hover等伪元素，只会在鼠标悬停在对应元素上时生效。一旦鼠标移开，样式就会消失，已解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

最近遇到个小小的问题

当el-input 设置cleable属性的时候，鼠标移入输入框内，会有个清除的图标

输入框的内容居右显示，导致清除的图标和内容重叠了

通过控制台查看元素，只有在鼠标悬停在对应元素上时生效。一旦鼠标移开，样式就会消失

审查元素时，hover等伪元素，只会在鼠标悬停在对应元素上时生效。一旦鼠标移开，样式就会消失，已解决,vue.js,javascript,ecmascript
即使我把右侧的这些都选上了也没用

正确做法是：

1、在元素中先点击input所在的元素，然后选hover
审查元素时，hover等伪元素，只会在鼠标悬停在对应元素上时生效。一旦鼠标移开，样式就会消失，已解决,vue.js,javascript,ecmascript
勾选之后，最左侧会有个橙色的小圆点

2、将Emulate a focused page复选框勾选上

这个时候就可以了，但有时候勾选顺序或者其他原因不生效的话

3、只要点击一下页面上输入框内的内容，保持内容高亮就行
审查元素时，hover等伪元素，只会在鼠标悬停在对应元素上时生效。一旦鼠标移开，样式就会消失，已解决,vue.js,javascript,ecmascript
这个时候内容就一直展示，可以很轻松的审查元素啦
文章来源地址https://www.toymoban.com/news/detail-852850.html