ElementUI - input 框组件设置自定义边框及渐变边框（样式覆盖）

前言

有时候，我们需要自定义组件的边框，如渐变色边框下图所示：

解决方案

注意 标签添加 lang=“scss”，否则无效。

采用覆盖样式方法，想自定义其他样式都在 .el-input__inner 类中。

/* 渐变边框 */
.el-input__inner{
    border-image:linear-gradient(to right,#000718,#23b7cb) 5 5!important;
    /* 自定义其他样式时 注意加 !important 安全一些 */
}