el-dropdown-item修改样式
时间: 2023-08-30 14:10:17 浏览: 318
您可以通过在el-dropdown-item标签上添加class属性,然后在CSS中设置该类的样式来修改el-dropdown-item的样式。例如:
HTML代码:
```
<el-dropdown>
<span class="el-dropdown-link">下拉菜单<i class="el-icon-arrow-down el-icon--right"></i></span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item class="my-dropdown-item">选项一</el-dropdown-item>
<el-dropdown-item class="my-dropdown-item">选项二</el-dropdown-item>
<el-dropdown-item class="my-dropdown-item">选项三</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
CSS代码:
```
.my-dropdown-item {
background-color: #f5f5f5;
color: #333;
font-size: 16px;
}
```
在上面的代码中,我们为el-dropdown-item添加了一个名为my-dropdown-item的类,并在CSS中设置了该类的样式。这将为el-dropdown-item添加一个灰色的背景色,黑色的字体颜色和16px的字体大小。您可以根据需要修改样式。
阅读全文