javascript - 带有 CSS 的警告框

标签 javascript html css alert

<分区>

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

对于我的代码是这样的

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

else {
    XXX
}

我的警报样式代码

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

我想要的结果:https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_alert

但我总是得到这个:https://gyazo.com/88f00fdf2654367aa148b033c8832698

最佳答案

问题是您正在使用 alert 函数:

alert("Please Fill Up Required Field");

您不能设置样式 - 它是浏览器生成的框。您需要使用 modal box , 然后你可以设置它的样式。

关于javascript - 带有 CSS 的警告框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52902344/

上一篇:jquery - 物化步进器

下一篇:javascript - HTML CSS 试图创建一个显示在文本上的输入字段

相关文章:

javascript - 在更新面板的部分回发后执行 javascript?

javascript - 增量在 for 循环中无法正常工作

html - 具有背景和百分比边框宽度的 CSS 环

css - Bootstrap 输入的父容器的完美 100% 宽度?

css - 如何删除子div之间的父div空白?

php - PHP退出后如何添加html和javascript

javascript - IE 中的 DOM 问题

javascript - 基于深层 child 文本内容的 jQuery 选择器

javascript - 如何通过用户(输入字段)更改函数内部全局变量的值

javascript - 如何运行JXCORE