关闭所有css3

Question

我使用了很多的CSS3，我想有两个css版本:一个有所有的css3，一个没有。我知道我可以简单地删除声明，但我想知道是否有其他方法禁用它们。具体地说，我想禁用文本阴影、框阴影和边框半径。

谢谢。

Answer 1

您不能禁用它们，您所能做的就是使用CSS覆盖样式：

body * {
   text-shadow:none;
   ...etc...
}

(嘿，我从来没有说过这样做是个好主意，但它会奏效的)

编辑:这个答案让我走上了正确的道路；谢谢。下面是解决方案：

创建一个名为NoCSS3的类，定义如下：

.NoCSS3 * {
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;}

然后在javascript中，添加以下代码行：

$('body').addClass('NoCSS3');

你就完事了！

Answer 2

您可以使用名为的书签小程序

它会关闭你所有的css3功能(好的，不是“全部”，a whitelist of supported CSS3 features is documented here。如果您愿意，也可以将CSS3重新打开。

一个额外的好处是:如果你使用的是.no-boxshadow，它也会把这些值去掉，这样你的现代类就会被选中。

对于那些想知道你为什么要这么做的人..这个工作流程非常好，所以你可以完全在Chrome上开发，但是快速看看你的lo-fi版本(你将在IE7，IE8上使用)会是什么样子。

以下是使用deCSS3之前和之后的情况：

​

​

Answer 3

你也可以看看HeadJS提供的CSS现代版的特性。

也可用于许多其他功能。