将CSS添加到JS警报消息中

Question

我正在尝试向JavaScript警报消息中添加一些CSS，其中警报消息将从php $ _POST [];获取警报值。请参见下面的代码

$brandname = $_POST["brandname"];

 echo
    "
    <script>
    alert ('Your brand $brandname successfully added into system & redirecting to brand list page');
    window.location='http://localhost/im/carsale/brand_list.php';
    </script>
    ";

我想要做的是添加一个h1标签并更改$brandname值的颜色。所以有谁能解释我该怎么做。

Answer 1

警报框是系统对象，不受CSS约束。为此，您需要创建一个HTML元素并模仿alert（）功能。 jQuery UI Modal框为您做了很多工作，基本上就像我描述的那样： http://jqueryui.com/dialog/

Answer 2

将此jquery-confirm库用于现代警报。您可以轻松地设置样式，自定义，更改行为。大多数网站不使用浏览器通过alert()功能提供的默认警报，因为它们不可自定义。

这是一个使用jquery-confirm的简单警报示例。

$.alert({
    title: 'Alert!',
    content: 'Simple alert!',
});