el-select__tags

el-select__tags是一个类名，用于定义一个下拉选择框中的标签容器。在引用[1]中的代码中，通过修改.my-select类下的.el-select__tags元素的样式，设置了标签容器中第一个子元素的宽度为60%。而在引用[2]中的代码中，通过修改样式中的.el-select__tags类，设置了标签容器的显示方式为flex，并且禁止换行。同时，通过设置.el-select__tags-text类的样式，限制了标签文本的最大宽度为80px，并且超出部分以省略号显示。

相关问题

如何穿透修改el-select的el-select__tags的样式

要修改 `el-select__tags` 的样式，可以通过以下步骤进行：

1. 使用 CSS 选择器来定位到 `el-select__tags` 元素。可以使用类选择器、ID选择器或者其他属性选择器来选择该元素。
2. 使用 CSS 属性来修改 `el-select__tags` 的样式。可以修改背景颜色、字体样式、边框样式等等。

下面是一个示例代码，展示如何修改 `el-select__tags` 的样式：

<style>
  .el-select__tags {
    background-color: red;
    color: white;
    border: 1px solid black;
  }
</style>

请注意，上述代码中的选择器 `.el-select__tags` 是一个示例，你需要根据实际情况来选择正确的选择器。

element ui的el-select__tags自定义

删除标签的方法是什么？

对于element ui的el-select__tags组件，你可以自定义删除标签的方法，方法如下：

1.给el-select__tags组件添加ref属性；

2.在mounted生命周期方法中获取该组件；

3.使用removeTag(index)方法移除指定位置的标签。

代码示例：

<el-select
ref="selectTag"
multiple
v-model="selectedTags"
filterable
remote
:remote-method="remoteMethod"
:loading="loading"
:disabled="disabled"
:popper-append-to-body="false"
class="demo-select">

<template slot="tags" slot-scope="{tag, removeTag}">
<el-tag
class="tag"
:key="tag.name"
closable
@close="removeTag(tag)">
{{ tag.name }}
</el-tag>
</template>

<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
<span style="float: left">{{ item.label }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.desc }}</span>
</el-option>

</el-select>

// 在mounted生命周期中获取该组件
mounted() {
this.selectTag = this.$refs.selectTag;
},

// 删除标签的方法
removeTag(tag) {
const index = this.selectedTags.indexOf(tag);
if (index !== -1) {
this.selectedTags.splice(index, 1);
this.selectTag.removeTag(index); // 调用组件自带的removeTag方法
}
}