js修改美化系统alert

如图，把系统的alert修改为UI指定的样式

使用layui的layer覆盖window.alert方法

<style>.layui-layer-title {background-color: #fff;border-color: #fff;}.layui-layer-dialog .layui-layer-content {padding: 30px auto;text-align: center;}.layui-layer-btn .layui-layer-btn0 {width: 100px;height: 36px;text-align: center;line-height: 36px;background-color: #0156e2;border-radius: 4px;}.layui-layer-btn .layui-layer-btn0:hover {background-color: #0D65F6;color: #fff}</style><script>window.alert = alert;function alert(msg) {layui.use('layer', function () {layer.open({title: '提示', content: msg});});}</script>

js修改美化系统alert相关推荐

js美化系统默认Prompt仿APP移动端弹出，可以自行修改
var BePrompt = {defaultConfig: {type: 'text',Desc: '',length: 5},Html: '<div class="Prompt&q ...
android 修改activity壁纸,使用native.js修改系统壁纸（Android）
通过native.js修改系统壁纸,直接上源码: function setwallpaper(){ var WallpaperManager = plus.android.importClass(&q ...
Vue.js实战之系统学习第七节
想看上一节的请点击: Vue.js实战之系统学习第六节接下来我们要学习第七节了,时间过的好快. 组件详解组件是Vue.js的核心功能,也是整个框架设计最精彩的地方,当然也是最难掌握的.本章节将带你 ...
在线考试系统html页面结果,Node.js在线考试系统——页面布局(学生)
Node.js在线考试系统 1.布局总览准备界面.jpg 答题界面.jpg 2.页面布局模块分析 1.navBar 页面中的导航栏 2.ready 考试前的准备界面,由三个部分组成考试开始时间考 ...
html设置图片切割,JavaScript html js图片切割系统
JavaScript html js图片切割系统,裁剪,图片处理关键字: javascript html js 图片切割系统裁剪处理图片切割(裁剪),这里需要声明一下: 首先js是不能操作客户端文 ...
一个基于p5.js的绘画系统
一个基于p5.js的绘画系统一.实现效果本系统基于p5.js完成,具有一般绘画系统的特点,作画者可以通过选择不同的笔刷完成自己的作品.作画者可以根据自己的需要选择静态或动态效果,在动态效果下可以看 ...
设置修改CentOS系统时区
在我们使用CentOS系统的时候,也许时区经常会出现问题,有时候改完之后还是会出错,下面我们就来学习一种方法来改变这个状况.如果没有安装,而你使用的是 CentOS系统那使用命令 yum insta ...
php 修改select标签,JS修改input,textarea,select标签的可读可写属性
通过JS修改input,textarea,select标签的可读可写属性首先,控制input,与textarea只读属性是 readonly 在js中可以这样去改变,这里要注意js中O要大写 re ...
修改ubuntu系统默认语言（linux中文乱码）
查看Linux版本信息 solin@zabbix-server:~$ uname -p x86_64 solin@zabbix-server:~$ lsb_release -a No LSB modu ...

js修改美化系统alert

js修改美化系统alert相关推荐

最新文章

热门文章