カスタムイメージとテキストをイオンで入力する方法。また、アイコンと境界線の色の変更がフォーカスのときに必要です

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 />