修改element select 选中的 span 宽度和样式

题目描述的是以下样式：

有时候选中的值名字会很长，导致span宽度超过了下拉框，看起来很丑

第一种方法呢就是改变下拉框的宽度，但是，如果对下拉框宽度有限制，只能改变span标签的宽度。这里介绍的是后者

<style lang="less" scoped>
// container ：下拉框父类class
.container /deep/ .el-select__tags {
    .el-tag:nth-child(1) {
      width: 110px;
      padding-left: 0;
      position: relative;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      i {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8px;
      }
    }
  }
  </style>

修改后效果：

相关：vue style样式中scoped无效解决方案