How To Create And Apply CSS To Javascript Alert

Please tell me, how to apply CSS on javascript Alert. Thanks

Solution 1:

You cannot. alert() simply shows a native message box, so it'll look however the OS makes it look.

In general, you shouldn't be using alert boxes because they are annoying and they block the entire browser.* You could always create a fake alert box with JavaScript that achieves the same effect. You could then style it however you want with normal CSS. If you use jQuery, there's SimpleModal (demos).

Solution 2:

It is not possible, or else people will use it to phish.

Solution 3:

you might want to check jConfirm (jQuery plugin)

http://abeautifulsite.net/2008/12/jquery-alert-dialogs/

Solution 4:

No you can't do that. I would suggest you either let it be, or use a modal window. You can also try using modal/dialog plugins e.g. http://docs.jquery.com/UI/Dialog

Solution 5:

You can use the sweet alert library of js

official website

github

You can also customize the alerts with simple CSS.