点击input框，添加阴影效果
生活随笔
收集整理的這篇文章主要介紹了
点击input框，添加阴影效果
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.普通的input框
設(shè)置：? ?input：focus{}
<input type="text"></input>style樣式：
input:focus{//設(shè)置陰影效果box-shadow: 0px 0px 12px 0px rgba(98, 19, 254, 0.6);//設(shè)置border效果border: 2px solid #5813fe;}2.Elementui中的輸入框
設(shè)置：? .el-input__inner:focus{}
<el-inputv-model=""type="text"auto-complete="off"placeholder="" > </el-input>style樣式：
.el-input__inner:focus {//設(shè)置陰影屬性box-shadow: 0px 0px 12px 0px rgba(98, 19, 254, 0.6);//設(shè)置border屬性border: 2px solid #5813fe;}樣式：
?
總結(jié)
以上是生活随笔為你收集整理的点击input框，添加阴影效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 深情告白的简短情话句子169个
- 下一篇： Echarts地图添加自定义图标