<el-dropdown trigger="click" placement="bottom">
<span class="el-dropdown-link">
下拉菜单
</span>
<el-dropdown-menu slot="dropdown" class="header-new-drop">
<el-dropdown-item>菜单1</el-dropdown-item>
<el-dropdown-item>菜单2</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
//1.给el-dropdown-menu添加自定义类名header-new-drop
//2.css中编写如下代码(需要重新定义一个style,不要写scope,否则无效)
//注意header-new-drop类名会全局生效,所以一定注意不能重名,否则各个组件之间会相互影响
<style lang="scss">
.header-new-drop li {
width: 200px;
color: red;
}
</style>
element 下拉菜单el-dropdown如何更改样式?
最新推荐文章于 2024-06-18 14:37:18 发布