Emulate the Focused State on a Webpage with F12

Problem

I was working on my Stylus user-styles when I wanted to modify the dropdown menus of a search bar; however, it will automatically lose focus once I click on its corresponding HTML div.

Solution with Chrome F12

In the F12 page, press Ctrl + Shift + P, then input Render (or 渲染, because I’m using Chinese version); select Display 'Render' Tab or something like it; it will open a Render tab on the bottom.

Then, in this tab, select Emulate a Focused Page (模拟所聚焦的页面), which will force the elements to be focused.

Result

Check this file.