CSS+JS更改alert的默认对话框

发布网友发布时间：2022-04-24 08:14

共2个回答

热心网友时间：2022-04-27 06:54

百度都是些垃圾回答，我也找了半天，参考这篇文章，亲测可行，简单方便，引入js直接替换页面alert，不需要改原本的代码。

自定义alert样式

alert属于BOM中的window对象的方法，所以我们无法通过改dom文档css来修改样式，但可以直接重写window.alert方法，以此达到目的

热心网友时间：2022-04-27 08:12

function alert(){
document.getElementById('alertBox').style.display="unset";
return;
}

然后自己设定id=alertBox的样式即可（剧中代码：）

#alertBox {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
}

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com