title: What would cause the error '(CSS 3.0): ":-webkit-autofill" is not a valid pseudo-class.'
body: <p>I have an MVC web application I am building using Visual Studio 2015.</p>
  
  <p>Some of my forms use auto-fill for input elements, but when using Chrome, auto-filled fields are left with the distasteful pale-yellow background due to the Chrome user agent style sheet. The widely accepted solution to this is to use the following CSS to render inputs without the yellow background:</p>
  
  <pre><code>input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px white inset !important;
  }
  </code></pre>
  
  <p>This approach has worked perfectly in all my previous projects (which were built with Visual Studio 2013).</p>
  
  <p>However, in my CSS file, the above code is showing as invalid with the following error:</p>
  
  <blockquote>
    <p>Validation (CSS 3.0): ":-webkit-autofill" is not a valid pseudo-class.</p>
  </blockquote>
  
  <p>My previous projects use CSS3 and they are recognising the pseudo-class and applying the style as expected. I have searched the Q&amp;A's here, and googled the error, but I am not finding anything that addresses this issue.</p>
  
  <p>Please can someone shed some light on a) What could be causing this error, and b) Any potential solutions.</p>
  
  <p>To clarify further, I am applying the style at the very bottom of my Site.css file, and there are no in-line styles which could over-ride the expected behaviour. Developer tools confirm the style is not being applied, which indicates that the error is genuinely what is stopping the style from being applied.</p>
  
  <p>As my previous VS2013 projects recognise the pseudo-class, I am assuming that some setting in VS2015 may be the cause, but I cannot find anything to confirm that.</p>
  
  <p>Any advice would be appreciated.</p>
  
  <p>Many thanks</p>