, as a background-image, at the left? I don't have direct access to the images because" /> , as a background-image, at the left? I don't have direct access to the images because" /> , as a background-image, at the left? I don't have direct access to the images because"/>

Jquery themeroller icon as input text background

337 Views Asked by At

How can I insert a themeroller icon inside a <input type="text">, as a background-image, at the left?

I don't have direct access to the images because the theme is dynamic. Don't know at runtime which theme is current. I can only depend on the class names like ui-icon, ui-icon-email, etc.

Thanks.

1

There are 1 best solutions below

0
Edorka On

There is not a direct CSS solution, JQuery UI Icons are shown using background-position property to choose the correct "icon carpet" offset, so adding the background-size property provoques it to render no icon.

Maybe you can try a more complex solution, like INPUT and SPAN elements together with no borders between them and putting the background icon in the latest.

I wish I could be of more help, sorry.