Modify the position of the el-select drop-down menu arrow in element-ui

Requirement: Make the position of the el-select drop-down selection arrow vertically aligned with the text in the option.

          

                              Before modification After modification

 solve:

<style lang="scss">
// 修改下拉框箭头位置，style标签不可为 scoped="true"
.el-popper[x-placement^="bottom"] .popper__arrow {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
</style>

Note: When modifying the arrow position of the drop-down box, the style tag cannot add scoped="true".