内部に画像を含むテキストボックスがあり、div内にテキストボックスと画像があります。div は、テキスト ボックスの正確なサイズをカバーします。ここで、フォーカス時にテキスト ボックスに境界線を追加する必要があります。その方法を教えてください。コードは以下のとおりです。
<div class="username-bg">
<!-- Sign in here <br/> -->
<!-- Login: -->
<input type="text" id="username" title="Username" maxlength="50" value="" required="true" /><!-- <br/> -->
<img src="user-icon.png" alt="" Class="user-icon"/>
<!-- <img src="images/user-icon.png" alt="" /> -->
</div>
入力テキストに飾り気のない境界線を入れようとすると、完全に表示されません。助けてください。
今はこんな感じ
これが私の望みです。