Ako umiestnim ikonu do vstupného prvku formulára?
Živá verzia na adrese: Téma Tidal Force
Na stránke, na ktorú ste odkazovali, sa na to používa kombinácia trikov CSS. Po prvé, používa obrázok na pozadí pre prvok <input>
. Potom na posunutie kurzora používa padding-left
.
Inými slovami, majú tieto dve pravidlá CSS:
background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left:30px;
Môžete vyskúšať toto:
input[type='text'] {
background-image: url(images/comment-author.gif);
background-position: V prípade, že je to možné, je potrebné, aby sa na stránke nachádzali aj ďalšie informácie, ktoré by sa mohli objaviť;
background-repeat: no-repeat;
}