Javascript 带有CSS的警报框

是否可以添加带有CSS属性的警报框

对于我的代码来说是

if (username==null) {
    alert("Please Fill Up Required Field");
}

else {
    XXX
}

我的警报样式代码

<style>
.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
}
</style>

.警惕{
填充：20px；
背景色：#f44336；
颜色：白色；
}

我想要的结果是：

---

但我总是这样想：

问题是您使用的是

警报功能：

alert("Please Fill Up Required Field");

您无法设置此样式-它是浏览器生成的框。您需要使用一个，然后您可以设置它的样式。
问题是您使用的是
警报功能：

alert("Please Fill Up Required Field");

您无法设置此样式-它是浏览器生成的框。您需要使用，然后可以设置样式。
在W3schools示例中，他们没有将CSS属性添加到alert元素，而是添加到div上的类：


我建议按照他们的方式，通过更改CSS使Div看起来像一个警报。
在W3schools示例中，他们没有向警报元素添加CSS属性，而是向Div上的类添加CSS属性：


我建议按照他们的路线，通过更改CSS使Div显示为警报。
警报框是一个系统对象，不受CSS的约束。要实现这种风格，您需要创建一个HTML元素并模拟alert（）功能。jQuery UI模式框为您做了大量工作，基本上如我所述：。
警报框是一个系统对象，不受CSS的约束。要实现这种风格，您需要创建一个HTML元素并模拟alert（）功能。jQuery UI模式框为您做了大量工作，基本上如我所述：。
alert
不是一个元素，它是一个函数，如何向这样的函数添加css？请注意示例中的HTML代码。有一个div.alert（
）元素——而不是alert窗口——正在进行样式化。你能帮我弄清楚你想做什么吗？@stealththeninja试图在用户点击注册按钮时实现一个警报框。但是原始的警报框太简单了，想要添加一种样式，即w3school
alert
不是一个元素，而是一个函数，如何向这样的函数添加css？请注意W3Schools示例中的HTML代码。有一个div.alert（
）元素——而不是alert窗口——正在进行样式化。你能帮我弄清楚你想做什么吗？@stealththeninja试图在用户点击注册按钮时实现一个警报框。但是原来的警告框太简单了，想添加w3school的样式