/ / Umiestnenie obrázka doprava, do vstupného poľa - html, css, html5, css3

Umiestnenie obrázku vpravo, vnútri vstupného poľa - html, css, html5, css3

Ako môžem dosiahnuť, aby bol môj obrázok so šípkou s dvojitou šípkou umiestnený vpravo vo vnútri môjho vstupného poľa a musí byť tiež klikateľný.

Tu je môj obrázok: tu zadajte popis obrázku

A tu je obrázok požadovaného výsledku:tu zadajte popis obrázku

HTML kód:

<!DOCTYPE html>
<html>
<head></head>
<body>
<input type="text" style="border: 1px solid #000;">
<img src="/images/double_arrow.png" style="width: 19px; height: 18px;">
</body>
</html>

odpovede:

3 pre odpoveď č. 1

Oba zabaľte do vonkajšej nádoby, ktorá je umiestnená relatívne. Potom nastavte obrázok do absolútnej polohy a ukotvte ho doprava

<div class="combo">
<input type="text">
<img class="trigger">
</div>

.combo { position: relative; }
.combo .trigger { position: absolute; right: 0; top: 1px }

Niečo v tomto zmysle by malo fungovať