提示信息引导用户进行正确的操作。
样例
星号提示
css配置
.required{color:#d95347;}
说明
星号颜色#d95347；
校验信息
css配置
.tooltip-inner{background-color:#D9534f;text-align:left;white-space:nowrap}
说明
背景颜色#D9534f；文字靠左显示；文字不换行；
信息提示
信息提示
css配置
.modal-dialog{background-color:#fff;border:0px solid #656565;border-radius:4px;}
.modal-content{background-color:#fff;padding:0px 0px;border-radius:4px;line-height:20px;box-shadow:0 0px 0px rgba(0,0,0,.5);border:1px solid #7e7e7e;}
.row{margin-left:0px;margin-right:0px;}
.module{background-color:#fff;padding:10px 15px 10px 20px;}
.modal-header{background-color:#fff;padding-top:15px;padding-bottom:15px;}
.modal-title{color:#000;font-weight:bold;font-size:14px;}
.modal-header .btn .fi-close:before{font-size:18px;}
.btn-default{color:#fff;background-color:#35a0e7;line-weight:30px;min-width:60px;padding:1px 7px;}
.modal-header .btn{color:#cbcbcb;}
.modal-footer{border-top:0px solid #e5e5e5;text-align:right;}
.modal-footer .fi-sumbit:before{content: ” “;}
.btn-fi{padding:7px 1px;}
.btn-default:hover{background-color:#48adf0;color:#fff;}
.modal-header .btn-default:hover{background-color:#fff;}
.btn{font-size:14px;}
.modal-body{color:#000;}
说明
圆角背景颜色#fff、描边0像素、圆角4像素
背景框背景颜色#fff、内边距0像素、圆角4像素、文字行高20像素、投影设置、描边1像素 实线 颜色#7e7e7e
页面找不到对应样式
页面找不到对应样式
头部背景颜色#fff、内边距上15像素、下15像素
标题字体黑色、字体加粗、字体大小14像素
关闭按钮18像素
确定按钮颜色白色、背景颜色#35a0e7、行高30像素、最小宽度60像素、内边距上1像素、右7像素、下1像素、左7像素
关闭按钮颜色#cbcbcb
底部描边0像素、文字靠右显示
页面找不到对应样式
确定按钮内边距上下7像素、左右1像素
确定按钮触发时背景颜色#48adf0色、颜色#fff
关闭按钮触发时背景颜色#fff
关闭按钮字体大小14像素
主体文字颜色#000
成功提示
失败提示
