我在使用 Visual Studio 2010 时遇到了一个非常奇怪的问题。当我将 CSS 渐变属性添加到样式表中后,Visual Studio 在进行一些调试后会将其删除。
以下是我添加到样式表中的代码示例:
.button
{
/* Firefox */
background-image: -moz-linear-gradient(top, #fff, #efefef);
/* Chrome, Safari */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #efefef));
/* Modern Browsers*/
background-image: linear-gradient(top, #fff, #efefef);
/* IE */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef');
}
有时候我在启动调试时,Visual Studio 会编辑 CSS:.button
{
/* Firefox */
background-image: linear-gradient(top, #fff, #efefef);
/* Chrome, Safari */
/* Modern Browsers*/
}
看起来 Visual Studio 会删除一些它不认识的属性,这真的很烦人。 有什么办法可以阻止这种情况发生吗?
这不是 CSS 注释的问题。即使没有注释也会发生。
更新
似乎是在保存包括 CSS 文件的文件时发生了这种情况。当我编辑我的主布局并保存它时,Visual Studio 就会删除链接的 CSS 文件中提到的这些属性。
而且这不是 CSS3 的问题,因为它不会影响我的 border-radius 类和 ID。所以也许是 filter 属性造成的。但是我希望阻止 Visual Studio 未经许可更改 CSS 文件中的内容。
2014 年 6 月 27 日更新
问题已在 Visual Studio 2013 中解决。 https://connect.microsoft.com/VisualStudio/feedback/details/782677/visual-studio-is-deleting-css