如何在 IE 开发人员工具中编辑 CSS?

如何在 IE 开发人员工具中编辑 CSS?

我正在使用 Internet Explorer 的开发人员工具来尝试调试网页上遇到的问题。

当我突出显示元素时,CSS 会出现在右侧,但我似乎无法添加新规则或正确编辑现有的 CSS。

尝试向类添加“display:block”属性时,我尝试编辑无关紧要的现有规则(background-color:transparent),但是一旦我更改它,规则就会消失!

我是否遗漏了某个技巧?

答案1

为了快速测试并查看效果,我做了一些不同的事情。

选择 HTML 选项卡,选择样式、跟踪样式和布局旁边的“属性”面板。

点击“+”按钮并开始输入您想要添加的 CSS 样式。新的样式属性将自动添加到 DOM 视图面板中。

希望这可以帮助。

答案2

检查您的 CSS 是否有效或不存在冲突的规则 - 据我记得,上次我使用 IE 开发人员工具时,在某些情况下它会立即删除无效标签和未使用的自定义标签。

就我个人而言,我现在更喜欢使用 Firefox 中的 Firebug 和 Chrome 内置的 Chrome 开发工具 - 我并没有特别喜欢的,但我发现 Firebug 更适合 css/设计,而 Chrome 更适合 cookies/脚本等。

相关内容