饿了么ui中的下拉菜单组件,如果某个下拉菜单被我们禁用了以后,颜色会置灰,点击也没反应了。但是存在的问题就是,当鼠标悬浮到对应的禁用项上面的时候,我们会神奇的发现,居然没出现鼠标禁用的样式,官方给出的竟然还是一个箭头的样式。问题图如下: 图是从官网上截取的 其实并不影响产品的使用,但是有的时候我们想要优...
最近在做项目时遇到一个小坑,需求是展示一个表单的历史,采用elementUI的popover组件作为弹出层,里面放展示的表单,要求不能编辑,直接禁用又会改变elm组件的样式。 解决: 在父元素内增加一个div,使其占满整个父元素,作为遮罩层盖在input上面,下面的input就无法出发focus事件。 实现原理:父相子绝,增加遮罩层的z-idn...
解决elementui中el-dropdown下拉菜单禁用项没有鼠标悬浮禁用样式
审查禁用菜单项之后的DOM元素样式 pointer-events简介:简而言之给一个DOM元素加上这个语句后,那么这个DOM的点击事件就会失效,就是点击了没反应 解决方案就是我们不使用这个语句了,然后给禁用项加上cursor: not-allowed;就会出现鼠标悬浮禁用样式。 /deep/ .el-dropdown-menu__item.is-disabled { pointer-events:...
简介:解决elementui中el-dropdown下拉菜单禁用项没有鼠标悬浮禁用样式 问题描述 饿了么ui中的下拉菜单组件,如果某个下拉菜单被我们禁用了以后,颜色会置灰,点击也没反应了。但是存在的问题就是,当鼠标悬浮到对应的禁用项上面的时候,我们会神奇的发现,居然没出现鼠标禁用的样式,官方给出的竟然还是一个箭头的样式。问题...