エラー '（CSS 3.0）： "：-webkit-autofill"は有効な疑似クラスではありません。

Question

私はVisual Studio 2015を使ってビルドしているMVC Webアプリケーションを持っています。

私のフォームの中には入力要素に自動塗りつぶしを使用していますが、Chromeを使用すると、 Chromeのユーザーエージェントのスタイルシートが原因です。これに広く受け入れられた溶液は黄色の背景なしで入力をレンダリングするために、次のCSSを使用することです：

input:-webkit-autofill { 
    -webkit-box-shadow: 0 0 0 1000px white inset !important; 
} 

このアプローチ（Visual Studioの2013年に建設された）すべての私の以前のプロジェクトに完全に働いています。

しかし、私のCSSファイルに、上記のコードは次のエラーで無効として表示されます。

Validation (CSS 3.0): ":-webkit-autofill" is not a valid pseudo-class.

私の以前のプロジェクトは、CSS3を使用すると、彼らは疑似クラスを認識し、期待通りのスタイルを適用しています。私はQ &のAを検索し、そのエラーをGoogleで検索しましたが、この問題に対処するものは何も見つかりません。

a）このエラーの原因となる可能性のあるものb）潜在的な解決策

さらに明確にするために、私はSite.cssファイルの一番下にスタイルを適用しています。予想される動作をオーバーライドできるインラインスタイルはありません。デベロッパーツールは、スタイルが適用されていないことを確認します。これは、エラーが真にどのようなスタイルの適用を停止しているのかを示します。

以前のVS2013プロジェクトで疑似クラスが認識されていたため、VS2015の一部の設定が原因である可能性がありますが、それを確認するためのものは見つかりませんでした。

アドバイスをいただければ幸いです。

感謝

Answer 1

:-webkit-autofillとしてはNon-standard CSS擬似要素であり、Visual Studioの2015年には.cssエラーを修正するため、それのデフォルト設定にそのエラーを投げています。

あなたができることは、Tools > Options > Text Editor > CSS > Advancedにアクセスして無効にしてから、右側のウィンドウで[確認]​​をオフにします。私の母国語を翻訳しているので、名前は多少異なるかもしれません。

希望すると助かります！