如何改变alert的默认样式

js部分：

       window.onload=function(){window.alert=alert;}function alert(e){    //向body里添加一个大的div用作新的弹框$("body").append("<div id='msg'><div id='msg_top'></div><div id='contem'><p> 您方案召集申请已提交，后续请等待后台管理员审核审核过后，可在交易大厅看到您的需求</p></div><div id='msg_cont'onclick='cell()'>继续召集方案</div><a href='psd.html' class='msg_close' id='msg_clear'>到个人中心查看</a> </div>");$(".msg_close").click(function(){                  $("#msg").remove();});}

css样式部分：

          #msg{display:inline-block;z-index: 999;position: fixed;//把大盒子设置固定定位，盒子脱离文档流，位置是固定的，不会随着屏幕窗口滚动top:49%px;margin-top: -80px;margin-left: -133px;box-shadow: 5px 5px 8px #EEEEEE;right:100px;bottom:190px;left: 50px;margin: auto;height: 330px;width: 480px;text-align: center;font-size: 16px;color: red;/*border: 1px solid yellow;*/background-color: #ffffff;border-radius: 5px;line-height: 2rem;padding-bottom: 20px;background-image: url(../images/ok_03.png);background-repeat: no-repeat;background-position: 213px 58px;}#msg_top{background-image: url(../images/bgi_03.png);padding: 5px 15px 15px 20px;height: 40px;text-align: center;}#msg_cont{/*margin-top: 240px;*/width: 150px;border-radius: 5px;font-size: 14px;border: 1px solid #FFFFFF;padding: 15px 20px 20px;text-align: center;height: 40px;float: left;text-align: center;line-height: 7px;background-color: #15AAFB;margin-left: 85px;cursor: pointer;}#contem{margin: auto;/*border: 1px solid black;*/width: 396px;height:106px;}#contem p{margin-top: 100px;text-align: center;line-height: 23px;}#msg_clear{border: 1px solid #15aafb;font-size: 14px;width: 150px;height: 40px;display: inline-block;color: #15aafb;padding: 1px 15px;background-color: #FFFFFF;border-radius: 5px;float: right;margin-right: 85px;/*margin-top: 240px;*/cursor: pointer;}

如何改变alert的默认样式相关推荐

css改变hr的默认样式
-----------笔记------------- 实现效果:改变默认标签<hr />的样式改变<hr />的默认样式需要写成行内样式 <hr style=" ...
input[type=checkbox] ; input[type=radio] 改变默认样式
/*改变checkbox 默认样式*/input[type="checkbox"] { -webkit-appearance: none; /*清除复选框默认样式*/ height ...
用纯css改变下拉列表select框的默认样式
在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式. 事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计. 一切 ...
html select 样式t调整_用纯css改变下拉列表select框的默认样式
**社区评论 ( Beta版 )** #0 危汤讽 2015-04-02 09:57:05 firefox浏览器支持不好,貌似是浏览器bug 回复 #1 林甩土 2015-04-03 09:06:57 ...
改变复选框的默认样式，将其变成圆形，背景色为绿色
我们经常使用input复选框,它有自己的默认样式,很多时候,为了使页面更美观,我们需要修改复选框的样式.通常使用的修改方式有两种,一个是链入图片,另一个是使用纯css的方法进行修改.如果事先有设计好的 ...
详解微信小程序swiper小圆点默认样式改变
在微信小程序中,轮播图上的小圆点默认样式为黑灰色,这在视觉体验上不是很惊艳眼球,有时达不到我们的需求.那么,怎样进行默认样式的改变呢? 需要准备的东西:3张图片(swiper1,swiper2,swi ...
改变radio默认样式
默认的,单选按钮radio类型的input元素会渲染成如下样式: 若想修改成如下风格的单选按钮: 那么,如何修改radio的默认样式呢? html页面: 三步: 1).隐藏type="rad ...
checkbox选中时如何改变默认样式
刚刚发布了人生中的第一篇博客,有点小兴奋,紧接着再来了一篇,希望不要出现太多问题. 好了,我的废话太多了,说点有料的东西 1.是关于checkbox的,checkbox在选中.未选中的时候是有默认样式 ...
去除表单元素的默认样式
一.使用 appearance 改变 webkit 浏览器的默认外观 webkit 内核浏览器具备私有属性" -webkit-appearance "可以改变元素的外观,该属性非常 ...

如何改变alert的默认样式

如何改变alert的默认样式相关推荐

最新文章

热门文章