This is something that I can honestly say that I have never had an issue with prior to today but I have a client project that I have been working on for a few weeks now and almost ready to launch until the client mentioned that he didn’t like the way that Google Toolbar was turning some of his form fields a yellow color, it took me a minute to realize what he was talking about because I have honestly always overlooked this and not really thought a lot about it. I went in search of a way to workaround this issue and stumbled upon Jenseng.com’s approach to a workaround using javascript, here’s the snippet if you are interested…
1: <script type="text/javascript"><!--
2: if(window.attachEvent)
3: window.attachEvent("onload",setListeners);
4:
5: function setListeners(){
6: inputList = document.getElementsByTagName("INPUT");
7: for(i=0;i<inputList.length;i++){
8: inputList[i].attachEvent("onpropertychange",restoreStyles);
9: inputList[i].style.backgroundColor = "";
10: }
11: selectList = document.getElementsByTagName("SELECT");
12: for(i=0;i<selectList.length;i++){
13: selectList[i].attachEvent("onpropertychange",restoreStyles);
14: selectList[i].style.backgroundColor = "";
15: }
16: }
17:
18: function restoreStyles(){
19: if(event.srcElement.style.backgroundColor != "")
20: event.srcElement.style.backgroundColor = "";
21: }//-->
22: </script>
And here’s a link to Jenseng’s Blog Entry about Outsmarting the Google Toolbar | jenseng.com
Questions or Comments?