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:
A tu je obrázok požadovaného výsledku:
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ď č. 1Oba 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ť