CSS变量有时在浏览器中都是小写的，但在Variables.css文件中却是驼峰式的

Question

我们有一个web应用程序，我们刚刚实现了CSS变量。这些变量是在variables.css文件中定义的，并且在该文件中是驼峰的。当用户在网站托管的同一网络上时，一切都很好。当用户在网络之外并从互联网上点击web应用程序时，变量以所有小写形式发送到浏览器，这并不适用所需的样式，因为变量是驼峰情况下的控件(使用Chrome调试器验证)，但现在发送到浏览器的变量小写。如果我打开Chrome调试器并将变量名称更改回驼峰版本，则应用样式。

这是非常奇怪的行为，我不明白是什么原因导致变量被发送到浏览器都是小写的

任何帮助都将是非常感激的。

谢谢!

variables.css:

:root {
--primaryButtonBackgroundColor: #6c757d;
--primaryButtonTextColor: white;
--primaryButtonHoverBackgroundColor: #5a6268;
--primaryButtonHoverTextColor: white;
}

ASP。. NET页面样式(Chrome调试器):

.btn-primary {
background-color: var(--primaryButtonBackgroundColor) !important;
color: var(--primaryButtonTextColor) !important;

渲染变量(Chrome调试器):

:root {
--primarybuttonbackgroundcolor: #6c757d;
--primarybuttontextcolor: white;
--primarybuttonhoverbackgroundcolor: #5a6268;
--primarybuttonhovertextcolor: white;
}

编辑:我们注意到，变量。css文件是唯一的css文件，我们正在使用Chrome调试器查看源代码时被最小化，但这只发生在应用程序服务器的网络之外。

Answer 1

问题是他们有一些软件(Imperva)监控他们的网站，自动缩小CSS文件，并在发送到浏览器之前更改文件。