How to modify the hover style of el-menu (using deep)

Add class (apiview)

<el-menu mode="horizontal" class="apiview">

css

.apiview:deep(.el-menu-item:hover), .apiview:deep(.el-menu-item.is-active){
    
    
    background-color: #ffffff!important;
    color:var(--el-color-primary)!important;
}