::v-deep .el-submenu__icon-arrow { right: 4px !important; color: #6666; // font-weight: 900; cursor: pointer; } 鼠标触碰改成正常
时间: 2024-02-23 09:00:34 浏览: 18
您可以尝试在这段 CSS 样式中添加:hover伪类选择器,将其应用于 .el-submenu__icon-arrow 元素,然后修改 cursor 属性的值为默认值 "auto",以取消手形指针样式,从而实现鼠标触碰改成正常的效果,具体的代码如下所示:
```css
::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` 图片作为背景图像。这可以用来突出显示或区分当前激活的子菜单项。请确保提供正确的图片路径和文件名,并确保图片文件存在于指定路径中。
el-menu .el-submenu.is-opened怎么设置他的style
可以使用以下的 CSS 规则来设置该选择器的样式:
```css
el-menu .el-submenu.is-opened {
/* 在这里添加样式 */
}
```
在上述规则中,可以添加任何想要应用于打开状态的菜单子项的样式。例如,可以使用以下规则更改打开状态的菜单子项的背景颜色:
```css
el-menu .el-submenu.is-opened {
background-color: #f0f0f0;
}
```
需要将这些 CSS 规则添加到你的 CSS 文件中,或者将其添加到你的 HTML 文件的样式标记中。