如何在离子中拥有自定义图像和文本输入.还需要图标和边框颜色的焦点变化

Question

需要一个自定义图标和输入文本，焦点上必须更改字体颜色，图标，边框颜色。

请帮助。

Answer 1

使用更改图标更新。

input{
  border:1px solid rgba(0,0,0,.1);
  background:url(http://www.fileformat.info/info/unicode/char/1f512/lock.png) no-repeat right center;
  background-size:auto 100%;
}
input:focus,textarea:focus{
  color:red;
  border:1px solid red;
  box-shadow:0 0 5px red;
  background:url(http://emoji.fileformat.info/gemoji/lock.png) no-repeat right center;
  background-size:auto 100%;
}

<input />