[Vuejs]-Change icon in of element-ui Select

by

0👍

There is no option to override the icon by using some property that is available on the el-select component. But it is possible that you override the icon by using css

.el-select .el-input .el-select__caret::before {
  content: '\e78e' // calendar icon of element-ui
}

0👍

You need change de icon content on CSS.

.el-icon-arrow-up:before { content: "\e600"; }
.el-icon-arrow-down:before { content: "\e603"; }

For:

.el-icon-arrow-up:before { content: url(custom.svg); }
.el-icon-arrow-down:before { content: url(custom.svg); }

Grettings

Leave a comment