在运行时更改所有CSS属性

Change all CSS property at run time

本文关键字：CSS 属性 运行时      更新时间：2023-09-26

我有一个页面，它有几个按钮&CCD_ 1内部的图像。我有这样的要求：

单击任何图像或按钮时，会出现一个div/页面，其中包含所有css属性，并提供更改关注元素的css属性的选项。例如颜色、值、字体大小等…

有什么插件可以用吗？或者我需要自己创建吗。我很感激你的建议

感谢

您可以引用这些插件并根据要求修改源代码。。。。

更改CSS

http://www.bramstein.com/projects/jsizes/

我怀疑是否会有这样的插件知道所有元素的ids/名称。拥有这样的插件的唯一方法是按元素类型进行搜索，但这将非常不明确，因为它可能列出100多个html元素，而您只需要更改5个（例如）。在我看来，自己写会更好、更聪明。

jQuery使这些更改变得微不足道，请查看.css（）函数。为了获得所有元素，您可能需要查看DOM遍历。

如果您只需要用于调试目的，您可以使用Chrome'e开发工具或Mozilla Firebug。它们允许您动态地可视化和更改CSS属性。

如果你需要这个作为运输产品，那么祝你好运。这似乎非常困难，尤其是处理CSS优先级规则。也许你可以从Firebug的代码中获得一些可重用的代码，这些代码主要是JS。

使用jquery设置所需的css属性。使用选择器和谷歌来使用Jquery设置css属性。

相关文章：