CSS自行改变

时间:2013-04-08 08:41:20

标签: css visual-studio-2008

我在ASP.NET项目中的一个Web表单中使用了CSS样式表。

我在 Visual Studio 2008

中工作

很多时候,当我对它进行一些更改时,它会改变我的一个CSS类,导致一些丑陋的边框。

例如:我进行更改,保存样式表,继续处理其他页面,然后我注意到样式表需要再次保存。我必须返回样式表,按撤消然后再次保存。

我很好奇有什么变化,所以我复制并比较了撤消之前和之后的文本,这就是改变了:

enter image description here

编辑:现在,当我通过在解决方案资源管理器中双击它来打开.css文件时,它会立即更改我的CSS并需要保存。非常讨厌。

4 个答案:

答案 0 :(得分:3)

现在接下来的不是我的答案,但这是我能找到的最好的东西,现在我猜到了吗?是的,就在StackOverFlow中 这是链接:Visual Studio (2012 and lower) deletes CSS properties 我真的希望它有所帮助

“ “filter:”样式的存在导致所有“background-image:”样式消失,除了列出的最后一个样式。并不是它正在删除它不知道的东西,它只是删除除了列出的最后一个“背景图像”样式。必须是Microsoft(预期)的方式使过滤器和MS特定的背景图像样式很好地一起播放,但是它们没有很好地编码。绝对是MS VS缺陷。要重新启动,只需右键单击具有类似代码的CSS类:

background-color: #EBEBEB; /* Fallback background color for non supported browsers */  
background-image: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#DAD6E7));  
background-image: -webkit-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: -moz-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: -ms-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: -o-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: linear-gradient(left, #FFFFFF, #DAD6E7);  
filter: progid:DXImageTransform.Microsoft.gradient(startCol

orStr ='#FFFFFF',EndColorStr ='#DAD6E7',gradientType ='1'); / * IE6 - IE9 * / 然后选择“Build Style ...”。然后单击“确定”而不更改任何内容,并观察除去最后一个背景图像以外的所有图像。尝试更改“背景图像样式的顺序,最后留下webkit,然后自己查看。

您会注意到,如果您删除“filter:”样式,问题就会消失,但我们需要(对于此示例),因此解决方案似乎正在将“filter:”样式移到所有“背景 - ”之上图像:“线条。一旦你这样做,就会让他们独自一人,问题就会消失。

将上述CSS更改为此似乎可以解决问题:

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#DAD6E7', gradientType='1'); /* IE6 - IE9 */
background-color: #EBEBEB; /* Fallback background color for non supported browsers */  
background-image: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#DAD6E7));  
background-image: -webkit-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: -moz-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: -ms-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: -o-linear-gradient(left, #FFFFFF, #DAD6E7);  
background-image: linear-gradient(left, #FFFFFF, #DAD6E7); 

更新:上述解决方法仅适用于当您使用“构建样式...”时VS应用格式时 - > “修改样式”对话框,因为我只是在上面的修复程序中再次看到它,所以它必须来自其他东西。 “

答案 1 :(得分:3)

您是否尝试过其他Visual Studio版本。像2010年或2012年一样。

这里的问题是重新排序几行代码,但这似乎是来自Visual Studio的其他东西的问题。尝试重新安装。如果你非常喜欢VS风格,你可以试试更高版本。优点:修复了很多bug并添加了许多功能。

我的建议:尝试SublimeText2一段时间,看看你是否喜欢它。我喜欢它,它比VS快很多。试试看。值得。

答案 2 :(得分:2)

我不知道你的环境,所以我不能说是否有其他东西正在改变你的CSS。如果我是你,我会尝试用另一个编辑器打开文件,可能是两个,只是为了找出责任是否在Virtual Studio 2008上。

如果结果是 Virtual Studio的错误你没有最终的需要坚持使用它,我会推荐Sublime Text。它非常强大,而且是免费的。

答案 3 :(得分:2)

试试这个:

来自toolbar
选项 - > HTML Designer-> CSS样式,将“自动样式应用程序”更改为“手动样式应用程序”