更改Google Chrome警报框的布局

时间:2013-09-15 06:06:04

标签: javascript jquery html css google-chrome

我想更改谷歌浏览器alert box的布局,我基本需要提醒值“项目添加成功”,但在谷歌浏览器警报框中,很高兴看到它可以是有效的谷歌浏览器{{1}用一些有效的设计在屏幕中央显示一个模型窗口?

4 个答案:

答案 0 :(得分:2)

无法更改chrome / IE / FF的内置警报对话框。 解决方法是使用jQuery警报对话框。 已经提出同样的问题here并回答。 您还可以在jsFiddle

中查看示例
$("<div>Test message</div>").dialog();

答案 1 :(得分:0)

你可以使用警报(“项目成功添加”); 我建议你使用fancybox http://fancybox.net/我不认为可以设计警报。 有时警报可能很烦人,如果弹出不止一次,可以被浏览器禁用,我建议使用像facnybox这样的东西

答案 2 :(得分:0)

坦率地说,无法更改默认警报框。它由浏览器devlopers设置,无法在客户端更改。而是使用jquery

尝试popupwindows

Popup jquery

或自定义div弹出或在搜索后使用一些jquery代码最适合你:)

答案 3 :(得分:0)

我知道答案已经有两年了,但我只想指出,为什么你不能设计一些元素,包括警报,这是有充分理由的。这是安全问题。如果可以自定义警报,则可能会欺骗用户做一些他不期望的事情。

我个人使用Swal,它是一款优秀的jQuery插件,可以轻松定制到任何网页设计。

http://t4t5.github.io/sweetalert/