iview中input框点击时的光晕怎么去除

在设计到设计师给的图与UI框架有出入的时候，咱们就要对库的样式作出修改，以下，点击时光晕是不被容许的

/deep/.ivu-input:focus{ /*去除选中后样式*/ outline: none; border: none; }
/deep/.ivu-input:hover{ /*去除选中后样式*/ outline: none; border: none; }

这两种是对悬浮以及聚焦以后，input框样式的变化，可是当点击的时候仍是会有蓝色的边框显示，而且与左侧插槽的icon显得格格不入，由于点击的时候，插槽边框是不变色的,这个时候能够经过定位来将icon放到指定位置
// 修改icon /deep/ .ivu-input-group{ position: relative; // icon定位 .ivu-input-group-prepend{ position: absolute; z-index: 100; height: 40px; line-height: 40px; width: 40px; border:none; } .ivu-input{ padding-left: 40px; } }

这样子，不只达到了设计的要求，还保存了本来美观的蓝色与红色光晕