Question

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

CSS在页面中做对话框

Answer 1

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

自定义alert样式

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

Answer 2

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;
}