title: Firefox: Transition placeholder opacity
body: <p>I wanted to make input placeholder fade smoothly on focus using transition, but can't get it to work in FF.</p>
  <pre><code>&lt;input type=&quot;text&quot; placeholder=&quot;some cool text&quot;/&gt;
  
  input:focus::-moz-placeholder {
      opacity: 0.1;
  }
  input::-moz-placeholder {
      opacity: 1;
      transition: opacity 1s;
  }
  input::-moz-placeholder {
      opacity: 1;
  }
  input:focus::-webkit-input-placeholder {
       opacity: 0.1;
  }
  </code></pre>
  <p><a href="http://jsfiddle.net/de9aE/5/" rel="nofollow noreferrer">Fiddle</a></p>
  <p>Works fine in Chrome, but not in FF.
  The placeholder changes opacity on focus as intended, but 1s transition doesn't appear. It also definitely doesn't work in IE</p>
  <p>EDIT: Apparently its a bug in the latest version of FF (20.0.1)</p>