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