element-ui+vue2，自定义组件样式

业务场景：做一个dropdown的时候，dropdown-item被鼠标hover时候的颜色为element默认的蓝色 但是希望按照自己的需求更改样式

解决方法： 在style标签中写上：

:deep(.el-dropdown-menu__item:hover) { color: black !important; background-color: rgb(246, 255, 229) !important; }

同时style需要开启scoped，不然不生效

效果：