如何覆盖`el-dropdown-menu`中`item`的样式

Question

问题一：在使用饿了么dropdown-menu组件时, item的样式如何覆盖呢？

我现在的状态是这样的(最后一个item不是router-link，所以样式和前面的不一样)：

我想要的结果：

• 链接颜色变为黑色

• border变为none

我尝试在.el-dropdrown-item中设置color和border，但是没有用。

问题二：怎么通过源码解决这个问题呢？

我之前也经常遇见这种问题，尝试了好几次在源码中寻找某个组件有哪些样式，叫啥名，但是最后都没有找到，还是在f12中查看element时看到右边显示的一些属性的样式。

但是当我使用一些在element中无法查看样式的组件(比如dropdown-menu-item)时，我应该怎么通过源码来覆盖呢？

Answer 1

如果你项目中其他地方不影响的话,你可以直接写在全局, 如果影响的话, 可以在最外层包一个类, 然后写你要覆盖的element样式, 如果你可以找到元素的父级, 也可以使用 /deep/ ,如果你使用Vue的话,不要写在scoped中, 因为不起作用