点击input框，添加阴影效果

1.普通的input框

设置：   input：focus{}

  <input type="text"></input>

style样式：

input:focus{

    //设置阴影效果
    box-shadow: 0px 0px 12px 0px rgba(98, 19, 254, 0.6);
    //设置border效果
    border: 2px solid #5813fe;

}

2.Elementui中的输入框

设置：  .el-input__inner:focus{}

<el-input
              v-model=""
              type="text"
              auto-complete="off"
              placeholder=""
>
</el-input>

style样式：

  .el-input__inner:focus {

    //设置阴影属性
    box-shadow: 0px 0px 12px 0px rgba(98, 19, 254, 0.6);
    //设置border属性
    border: 2px solid #5813fe;

  }

样式：