上面两种方式都试过了 都不生效

如果上述两种方式都不生效，那可能是因为有其他样式覆盖了你的样式，你可以尝试使用以下方法解决：

1. 使用 `::v-deep`

在你的样式中，可以使用 `::v-deep`，这样就可以强制将样式应用到子组件中。示例如下：

<template>
  <el-select multiple v-model="selectedOptions" popper-class="my-popper">
    <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
  </el-select>
</template>

<style>
::v-deep .my-popper .el-scrollbar__wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>

2. 使用 `!important` 关键字

如果上述方法仍然不生效，你可以在样式中添加 `!important` 关键字，将样式的优先级提高。示例如下：

<template>
  <el-select multiple v-model="selectedOptions" popper-class="my-popper">
    <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
  </el-select>
</template>

<style>
.my-popper .el-scrollbar__wrap {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
</style>

以上两种方法都可以解决样式被覆盖的问题，你可以根据实际情况选择使用哪种。