Magnifying glass icon in search form WordPress
Hi Guys
I have used the Search widget to add a search form to my header
http://162.144.12.218/~swo/theworkingmanagerdev.com
I would like to add a magnifying glass icon within the form to the right
http://screencast.com/t/PwyzBPVVWl3
Can i do this with CSS alone or do i need to use an image background or something like that?
Many thanks
Steve
Answers (3)
Arnav Joy answers:
Hello Steve ,
Check these two tutorials
http://www.ian-thomas.net/make-an-animated-search-form-using-only-css/
http://www.electrictoolbox.com/show-icon-html-input-css/
Navjot Singh answers:
Add the following code to your css file
s {
background: url(/linktomagnifier.png) no-repeat scroll right center white !important;
padding-right: 17px !important;
}
You can use this image: http://i.imgur.com/OR1xMVf.png
