我正在修改现有模板以适应一些基本参数，例如颜色等。
我使用Google Chrome开发扩展程序，因此我可以右键单击特定元素，使用Inspect选项查看正在应用于该元素的CSS规则。
然后我可以覆盖自定义CSS文件中的特定规则。
到目前为止一切顺利。
我的问题出现在某些规则上，例如，如果我点击一个输入元素，该元素的边框会改变颜色，但我无法右键单击并检查焦点丢失，因此我无法在Google Developer工具中看到当焦点在该元素中时，该元素应用了哪些规则。
调试此类案件的策略是什么？
答案 0 :(得分：1)
您可以右键点击Chrome Inspector中的元素，并且有一个强制状态......＆＃39;上下文菜单项。
这是一个演示如何操作的视频剪辑。 https://developers.google.com/web/updates/2015/05/triggering-of-pseudo-classes