element 下拉菜单el-dropdown如何更改样式?
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<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>
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)