如何将自定义样式添加到“确认导航”对话框？

Question

Hi it is my first topic on this great site! I have a problem that I need to dispel. I need to find a way to customize style of "confirm navigation" dialog box. Can you help me with this?

enter image description here

Answer 1

There is no way to do this. The appearance is determined entirely by the browser.

The dialogue is not part of the DOM, it cannot be targeted with CSS. The API for it provides no mechanism to style it.

It can't be replaced with an in-DOM equivalent (since you are blocking navigation, even if it comes from a source outside the page such as the browser refresh button, which can't be done through other methods for security reasons).