Changing an inline css (element.style)
I'm having difficulty with this one. Below is some code from our Sharepoint site that I would like to modify with JQuery. I would like to modify the background property to 0px (instead of -511px) and change the color to transparent (instead of rgb(255, 255, 255)). Any ideas as to how to approach this? I can modify the selector to with with the title attribute but I can't change the values I want to change. Thanks in advance!
- <a title="Search with Ontolica" href="javascript:OSB_Submit()"><img style="border-width: 0px; margin-top: 3px; background: url("/_layouts/images/bgximg.png") repeat-x scroll 0px -511px rgb(255, 255, 255);" src="/_layouts/images/gosearch15.png" alt="Search with Ontolica" onmouseout="this.src='/_layouts/images/gosearch15.png'" onmouseover="this.src='/_layouts/images/gosearchhover15.png'" title="Search with Ontolica"></a>