Streaming live at 10am (PST)

Adding a search icon (as a submit button) inside an input field


#1

I can't see how to add a search icon and make that the submit button and put that inside the text field. Just like you see in search on websites.

This kind of thing:


#2

Wrap both input and submit button with a div, set to position: relative.

Input field width: 100%.

Button position: absolute, position: top right. Set width, height. Add background image. Set z-index to more than 1.


#3

Thanks Sam, that works brilliantly.


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.