在设计到设计师给的图与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; } }
这样子，不仅达到了设计的要求，还保存了原本美观的蓝色与红色光晕