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;
}
样式: