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-inputv-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;}

樣式：

?

總結

以上是生活随笔為你收集整理的点击input框，添加阴影效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。