cssinternet-explorer-11ie11-developer-tools

IE 11 Developer Tools: Inspect CSS :focus


In Internet Explorer 11 Developer Tools, upon inspecting an element, you can click the a: button under the Styles tab to force the element's Hover and Visited states.

Is there a way to do the same for :focus?

I want to be able to see the CSS styles applied to the element when focussed.


Solution

  • Unfortunately, the Dev Tools are not able to force focus on an element this way yet.

    To see an element's focus styles you can manually focus on the element (by clicking or using tab for instance) and then inspect the element.

    If you inspect the element first and then apply focus, the focus styles won't show up. In that case you'll have to inspect another element first, and then the one you focused.

    Here's a demo I just made:

    Inspecting :focus styles