注销按钮外观因浏览器而异

Question

我使用以下代码创建了一个简单的注销按钮：

<li><a href="http://localhost:8666/web1/profile/mainpage/logout.php" onclick="return confirm('Are you sure to logout?');">Log Out</a></li>

现在注销按钮的外观因chrome和firefox而异：

chrome：

Firefox：

问题：我不希望警告框中的文本“localhost：8666说”。此外，firefox的背景也会消失。但是背景不会因为Chrome而褪色。 如何解决任何浏览器的问题？

Answer 1

据我所知，出于安全性和其他原因，浏览器对话框无法更改。此外，这些框可能是系统生成的，这意味着HTML和CSS不适用。

但是，您可以使用JS / HTML / CSS创建自己的对话框/模态/弹出框。这将允许您控制文本并确保跨浏览器的一致外观。

考虑这些可能性：

• http://jqueryui.com/dialog/
• http://alertifyjs.com/
• https://github.com/t4t5/sweetalert