element-ui el-tooltip 显示导致父元素 hover 失效问题解决

最新推荐文章于 2024-03-18 10:51:48 发布

R丶丶

最新推荐文章于 2024-03-18 10:51:48 发布

阅读量692

点赞数 1

文章标签： element vue.js 前端

本文链接：https://blog.csdn.net/qq_38571305/article/details/131940022

版权

pointer-events属性用于控制元素是否响应鼠标事件。默认值为auto，表示元素可被点击。设置为none则元素不会对鼠标事件做出反应。此属性在SVG中有多达7种特定值，如visiblePainted、fill和stroke等，允许更精细的控制。

摘要由CSDN通过智能技术生成

添加如下css属性

.el-tooltip__popper {
  pointer-events: none;
}

pointer-events 属性用于设置元素是否对鼠标事件做出反应。

CSS 语法

/* 属性值 */
pointer-events: auto; /*默认值，设置该属性链接可以正常点击访问。*/
pointer-events: none; /* 元素不能对鼠标事件做出反应 */
pointer-events: visiblePainted; /* 只适用于 SVG */
pointer-events: visibleFill;    /* 只适用于 SVG */
pointer-events: visibleStroke;  /* 只适用于 SVG */
pointer-events: visible;        /* 只适用于 SVG */
pointer-events: painted;        /* 只适用于 SVG */
pointer-events: fill;           /* 只适用于 SVG */
pointer-events: stroke;         /* 只适用于 SVG */
pointer-events: all;            /* 只适用于 SVG */

/* 全局值 */
pointer-events: inherit;
pointer-events: initial;
pointer-events: unset;