什么会导致错误'(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文件中,上面的代码显示为无效,并出现以下错误:

验证(CSS 3.0):": - webkit-autofill"不是有效的伪类.

我以前的项目使用CSS3,他们正在识别伪类并按预期应用样式.我在这里搜索了问答,并搜索了错误,但我找不到任何解决这个问题的方法.

请有人了解a)可能导致此错误的原因,以及b)任何可能的解决方案.

为了进一步澄清,我在Site.css文件的最底部应用了样式,并且没有可以覆盖预期行为的内联样式.开发人员工具确认未应用样式,这表明错误确实是阻止样式应用的错误.

由于我之前的VS2013项目识别伪类,我假设VS2015中的某些设置可能是原因,但我找不到任何确认.

任何意见,将不胜感激.

非常感谢

Answer 1

作为:-webkit-autofill非标准css伪元素，Visual Studio 2015 会抛出该错误，因为它的默认配置是纠正.css错误。

您可以做的就是通过进入：Tools > Options > Text Editor > CSS > Advanced然后取消选中右侧窗格中的“验证”来禁用它。由于我是从我的母语翻译的，因此名称可能略有不同。

希望能帮助到你！