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

Design help General
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 Likes
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.

15 Likes
3

Thanks Sam, that works brilliantly.

4

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