検索アイコンが入ったテキスト入力があります。テキストボックスの文字がその長さを超えると、検索アイコンが非表示になります。どうすれば隠れないようにできますか。
この画像を見る
以下はコードです-
<div class="mainClass">
<input type="text" placeholder="Search names"/>
<img src="Content/Search.png" class="imageClass"/>
</div>
</form>
</body>
</html>
<style>
.mainClass{
float:right;
}
.imageClass{
width:10px;
height:10px;
margin-left:-10%;
}
</style>
前もって感謝します。!
入力にパディング権を追加しますこれにより、アイコン用のスペースが提供されます
input {
padding-right: 20px;
}
.mainClass {
float: right;
}
.imageClass {
width: 10px;
height: 10px;
margin-left: -10%;
}
input {
padding-right: 20px;
}
<div class="mainClass">
<input type="text" placeholder="Search names" />
<img src="https://placehold.it/150x150" class="imageClass" />
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加