Change the styling of default alert box

Question

Could someone please tell me how can I change the default css of a alert/prompt box ?

possible duplicate of [how to change the style of alert box](http://stackoverflow.com/questions/7853130/how-to-change-the-style-of-alert-box) — Michael Petrotta, Feb 08 '12 at 17:09

score 6 · Accepted Answer · edited May 23 '17 at 12:31

6

You can't. They are native to the browser and are not styl-able.

You should turn to javascript alert-like systems. Using jQuery, here are some:

jAlert
jQuery UI dialog (with some tweaking)
This page proposes three alternatives to native alert/confirm/prompt

This answer shows a way to have a confirm-like blocking dialog using jquery ui dialog

edited May 23 '17 at 12:31

Community

1
1

answered Feb 08 '12 at 17:05

Didier Ghys

30,396
9
75
81

score 2 · Answer 2 · answered Feb 08 '12 at 17:06

2

The alert box is built into the Browser. You will need to popup your own dialog. The jQueryUI is very good for this.

For an example on this, look on the jQuery UI site.

answered Feb 08 '12 at 17:06

Neil Knight

47,437
25
129
188

score 2 · Answer 3 · answered Feb 08 '12 at 17:10

2

As noted above you may always use the jQuery Alert box...

But you may also fire a JavaScript/jQuery Function in which displays a DIV (HTML Element), in which you may style completely.

answered Feb 08 '12 at 17:10

Aaron Brewer

3,567
18
48
78

score 2 · Answer 4 · answered Feb 08 '12 at 17:17

The alert box that is used by javaScript is part of the browser. (other poeple have pointed this out but if you would like to have a good starting point try this.
http://jqueryui.com/demos/dialog/#default
jQuery Ui has some great tools for creating your own alert box and will also having other helpful options. Just wanted to give some more information.

Change the styling of default alert box

4 Answers4

Linked