IE的F12开发者工具 - 添加新的CSS?

时间:2011-07-04 09:53:21

标签: internet-explorer internet-explorer-8 ie-developer-tools

使用IE的F12开发人员工具查看元素。我可以看到应用于元素的样式,所以我可以更改或禁用它们,但是如何添加一个全新的样式?

谢谢

4 个答案:

答案 0 :(得分:36)

在IE9中,您可以选择CSS选项卡,然后右键单击以添加新的样式规则。

enter image description here

在IE11中,您需要选择DOM Explorer选项卡,然后选择右侧的样式选项卡。然后,您可以右键单击以添加新样式规则。

enter image description here

答案 1 :(得分:12)

对于IE8 / IE9,您可以将style属性添加到元素中,并在线添加任何CSS属性。只需右键单击元素,然后选择添加属性。如评论所述,这只会为一个元素添加样式。

对于IE10 / 11,请参阅other answer

答案 2 :(得分:1)

如果IE没有找到你用光标悬停的元素,可能是因为在生成页面后,部分HTML代码正在使用Ajax或其他类似技术加载。如果是这种情况,您将必须关闭检查器,重新加载页面,完成显示您感兴趣的元素所需的所有步骤,然后再次打开检查器。现在它应该在你悬停它时找到你的元素,这样你就可以根据需要进行检查。

答案 3 :(得分:1)

单击“开发人员工具”中的“属性”选项卡。 你可以在那里添加css。