[Vuejs]-Custom styling of tags using the elements-plus select multiple packs in Vue 3

by

0👍

it’s unclear to me what exactly you’re after, plus element-plus doesn’t seem to provide a any way to pass properties to the tag elements.

However, if you’re ok using the order (background not tied to select) you could use nth-child() css selector

<style>
  .el-select .el-select__tags .el-tag--info:nth-child(1){
    background-color: khaki;
  }
  .el-select .el-select__tags .el-tag--info:nth-child(2){
    background-color: skyblue;
  }
  .el-select .el-select__tags .el-tag--info:nth-child(2) .el-select__tags-text{
    color: darkslateblue;
  }
</style>

example

Leave a comment