CSS color applied to placeholder pseudo class

dabblet.css

/* Broken on chrome, (comment out "works on chrome code") */
#field::-webkit-input-placeholder,
#field:input-placeholder { color: red; }

/* Works on chrome */
#field::-webkit-input-placeholder { color: red; }

#field::-moz-placeholder { color: red; }
#field:-moz-placeholder  { color: red; }
#field:-ms-input-placeholder  { color: red; }
#field:input-placeholder { color: red; } /* Put this last. */

/* Learnings:
   Cannot comma separate and put :input-placeholder last
   even though best practices dictate we should. */

/* http://davidwalsh.name/demo/placeholder-style.php */

dabblet.html

<input type="text" value="" id="field" placeholder="search">

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}