使用 Google Chrome 中的“检查元素”更改 CSS 值

Question

我正在尝试弄清楚如何在 Google 检查器中更改 CSS 样式，我可以调整 HTML、PHP 代码，但不能调整样式表。

我使用的是 Debian，可能是 Google Chrome 版本有问题？

我正在使用 Chrome 版本 5.0.375.127。

Answer 1

在 Chrome/Chromium 中实时编辑样式取决于样式的来源以及您需要用它做什么（编辑级别）。

打开开发者工具控制台，然后展开Styles下拉菜单。从这里，您可以进行一些更改。

1. 通过双击并进行更改来直接编辑样式（或选择器）。
2. 将光标悬停在样式块上可以打开或关闭样式。
3. 与 [ 一样编辑内联样式1]

您还可以查看给定样式的源代码（例如 CSS 文件、HTML 中的内联样式行等）[4] 并单击它将带您进入资源视图中的文件或 DOM 检查器中的行。划掉的样式已被覆盖，可以通过查看计算风格。