vant dropdownmenu 修改下拉选中样式
时间: 2023-10-11 14:07:12 浏览: 242
css 设置下拉列表 select 样式
要修改 Vant DropdownMenu 组件下拉选中样式,可以使用 `active-color` 属性和 `active-class` 属性。
`active-color` 属性用于设置选中项的文字颜色,例如:
```html
<van-dropdown-menu :active-color="'red'">
<!-- 下拉菜单项 -->
</van-dropdown-menu>
```
`active-class` 属性用于设置选中项的自定义类名,可以通过 CSS 样式来修改选中项的样式,例如:
```html
<van-dropdown-menu :active-class="'my-active-class'">
<!-- 下拉菜单项 -->
</van-dropdown-menu>
```
然后在 CSS 中定义 `.my-active-class` 类的样式即可,例如:
```css
.my-active-class {
background-color: #f5f5f5;
}
```
这样选中的项就会有背景颜色了。
阅读全文