::v-deep .el-submenu__icon-arrow { right: 4px !important; color: #6666; // font-weight: 900; cursor: pointer; } 鼠标触碰改成正常

您可以尝试在这段 CSS 样式中添加:hover伪类选择器，将其应用于 .el-submenu__icon-arrow 元素，然后修改 cursor 属性的值为默认值 "auto"，以取消手形指针样式，从而实现鼠标触碰改成正常的效果，具体的代码如下所示：

::v-deep .el-submenu__icon-arrow:hover {
  cursor: auto;
}

这样，当鼠标指针悬停在 .el-submenu__icon-arrow 元素上时，会将其鼠标指针样式改回默认的箭头形状，从而实现鼠标触碰改成正常的效果。

相关问题

.submenu-item.active{ background: url("../../meig/images/menu_left_Babyblue.png"); }什么意思

在给定的代码中，`.submenu-item.active` 是一个 CSS 选择器，表示选择具有 `.submenu-item` 类并且有 `.active` 类的元素。这个样式规则将应用于符合该条件的元素。

样式规则 `background: url("../../meig/images/menu_left_Babyblue.png");` 设置了元素的背景图片，路径为 `../../meig/images/menu_left_Babyblue.png`。背景图片通常用于元素的背景装饰或样式设置。

因此，`.submenu-item.active` 类的元素在被激活时（具有 `.active` 类），将使用 `menu_left_Babyblue.png` 图片作为背景图像。这可以用来突出显示或区分当前激活的子菜单项。请确保提供正确的图片路径和文件名，并确保图片文件存在于指定路径中。

使用::v-deep修改el-submenu样式

`::v-deep` 是 Vue.js 中用于穿透作用域插槽的一种伪元素选择器。它允许你选择组件中的子组件或子元素，并应用特定的样式。在使用了单文件组件（SFC）和scoped CSS的情况下，Vue.js默认会将CSS选择器限制在组件的作用域内，以防止样式冲突。但是，有些情况下我们需要覆盖子组件内部的样式，这个时候就可以使用`::v-deep`来实现。

在Element UI框架中，`el-submenu`是其组件库中的一个下拉菜单组件。如果你想修改`el-submenu`的样式，可以在其父组件的style标签中使用`::v-deep`来实现样式的穿透。

下面是一个简单的例子：

<style scoped>
/* 假设我们要修改下拉菜单的箭头样式 */
.el-submenu__arrow::after {
  content: '▶';
}

/* 使用 ::v-deep 来穿透作用域，修改子组件内部的样式 */
::v-deep .el-submenu__title {
  color: red; /* 将标题文字颜色改为红色 */
}
</style>

通过这种方式，即使是在scoped CSS中，你也可以对子组件中的样式进行自定义，而不会影响到其他组件的样式。