Html 如何通过Chrome、Firefox和Internet explorer动态编辑焦点、悬停等元素的效果属性_Html_Css_Internet Explorer_Google Chrome_Firefox

Html 如何通过Chrome、Firefox和Internet explorer动态编辑焦点、悬停等元素的效果属性

html css internet-explorer google-chrome firefox

Html 如何通过Chrome、Firefox和Internet explorer动态编辑焦点、悬停等元素的效果属性,html,css,internet-explorer,google-chrome,firefox,Html,Css,Internet Explorer,Google Chrome,Firefox,借助Chrome和Firefox的“Inspect element”工具，以及Internet Explorer的开发工具，可以随时更改任何html元素的设计。但是，我如何才能看到和修改悬停式、聚焦式、动作触发式的设计选择呢含铬在Firefox中在互联网浏览器中这些浏览器对我来说已经足够了，但如果您提供其他常用浏览器的信息，它可能对其他人有用谢谢。下图展示了如何在Chrome中实现这一点在Firebug中，您可以右键单击“样式”选项卡下的区域，并添加一个新规则，其中包含需要测试

借助Chrome和Firefox的“Inspect element”工具，以及Internet Explorer的开发工具，可以随时更改任何html元素的设计。但是，我如何才能看到和修改悬停式、聚焦式、动作触发式的设计选择呢

含铬
在Firefox中
在互联网浏览器中

这些浏览器对我来说已经足够了，但如果您提供其他常用浏览器的信息，它可能对其他人有用

谢谢。

下图展示了如何在Chrome中实现这一点

在Firebug中，您可以右键单击“样式”选项卡下的区域，并添加一个新规则，其中包含需要测试的伪选择器

我不确定你的想法

希望它有帮助

在Internet Explorer中添加grimmus的答案。按F12键可以选择开发者工具

最常用的开发工具是

1.Firebug
2.Web Developer tools(Both Firefox and chrome)
3.The latest version of Firefox has an embedded developer tools option in Chrome also   you can inspect the elements