title: YUI3 JavaScript: get CSS for placeholder text
body: <p>I'm writing some JavaScript to implement placeholder text in browsers that don't have it.</p>
  
  <p>I've successfully styled the placeholder text in Chrome 9 and Fx 4b11 using the following style rules:</p>
  
  <pre><code>::-webkit-input-placeholder { color: #969696 !important; }
  input:-moz-placeholder { color: #969696 !important; }
  </code></pre>
  
  <p>Now I want my JavaScript to retrieve this data from the stylesheet in browsers that don't understand those rules so I can manually style the placeholder text.</p>
  
  <p>Does anyone know how I can do that in YUI3? I tried:</p>
  
  <pre><code>YUI().use('node',function(Y) {
      var phColor = Y.all('::-webkit-input-placeholder').getStyle('color');
  });
  </code></pre>
  
  <p>Unfortunately this just returns:
  "undefined: not bound to any nodes { _query="input::-webkit-input-placeholder", _nodes=}"</p>
  
  <p>Anyone know how I can do this? Or if it's possible?</p>