title: Detect element style change in chrome
body: <p>I'm trying to find a way to detect changes to the element style but I haven't had much luck. The code below works on a new property I define like tempBgColor but I cannot override/shadow an existing property like color. I know jquery has a watch function, but it only detects changes from the jquery api but not directly changing the value of a style something like elem.style.color.</p>
  
  <pre><code>var e = document.getElementById('element');
  e.style.__defineGetter__("color", function() {
     return "A property";
  });
  e.style.__defineSetter__("color", function(val) {
      alert("Setting " + val + "!");
  });
  </code></pre>
  
  <p>Any pointers?</p>