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

這樣子，不只達到了設計的要求，還保存了本來美觀的藍色與紅色光暈