vue中.ant-select下拉选项样式穿透

在 Vue 中使用 Ant Design 的 Select 组件时，可以通过设置 `class` 或 `style` 属性来实现对下拉选项样式的穿透。

例如，如果您想要修改下拉选项的背景颜色，可以使用以下代码：

<template>
  <a-select class="my-select">
    <a-select-option value="1">Option 1</a-select-option>
    <a-select-option value="2">Option 2</a-select-option>
    <a-select-option value="3">Option 3</a-select-option>
  </a-select>
</template>

<style scoped>
.my-select .ant-select-dropdown-menu-item {
  background-color: red;
}
</style>

在上面的代码中，我们给 Select 组件设置了一个 `class` 属性为 `my-select`，然后使用 `.my-select .ant-select-dropdown-menu-item` 选择器来修改下拉选项的背景颜色。

这里需要注意的是，为了避免样式被其他组件污染，我们使用了 `scoped` 属性来限定样式只作用于当前组件。