/*表单验证:右侧提示信息*/ /**给元素加上relative20180710**/ .sp-relative{position:relative;} /*.sp-error{position: relative;line-height:18px; padding:4px 5px;white-space:nowrap;display:none;vertical-align:top;background: #d45252;border-radius:3px;color:#fff;font-size:12px;margin-left:5px; top:7px;} .sp-error:after, .sp-error:before {right: 100%;top: 50%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;} .sp-error:after {border-color: rgba(136, 183, 213, 0);border-right-color: #d45252;border-width: 6px;margin-top: -6px;}*/ .sp-error{position: absolute;line-height:18px; white-space:nowrap;display:none;vertical-align:middle;background: #fff;color:#d45252;font-size:12px; top:8px; right:32px; } .sp-errorTip{border:1px solid #d45252 !important;} .sp-errorTip:hover{border:1px solid #d45252 !important;}/**验证错误后,边框变红**/ .sp-errorTip:focus{border:1px solid #d45252 !important;box-shadow:0 0 2px rgba(212,82,82,0.8);-moz-box-shadow:0 0 2px rgba(212,82,82,0.8);-ms-box-shadow:0 0 2px rgba(212,82,82,0.8);-webkit-box-shadow:0 0 2px rgba(212,82,82,0.8);} .sp-requireLogo{background:url('images/input-require.png') no-repeat right center;} .sp-errorLogo{background:url('images/input-errorLogo.png') no-repeat right center;} .sp-rightLogo{background:url('images/input-rightLogo.png') no-repeat right center;} textarea.sp-errorLogo {background-position:right 7px;} textarea.sp-requireLogo {background-position:right 7px;} .sp-strength-tip{position: relative;line-height:18px; padding:4px 5px;white-space:nowrap;display:none;vertical-align:top; background: #59c153;border-radius:3px;color:#fff;font-size:12px;margin-left:5px; top:7px;} .sp-strength-tip:after, .sp-strength-tip:before {right: 100%;top: 50%;border: solid transparent;content: " "; height: 0;width: 0;position: absolute;pointer-events: none;} .sp-strength-tip:after {border-color: rgba(136, 183, 213, 0);border-right-color: #59c153;border-width: 6px;margin-top: -6px;} .sp-text-nowrap {white-space: nowrap;} /*禁止文字换行*/ /*表单验证是需要用到的class名*/ .sp-required{} .sp-telephone{} .sp-phone{} .sp-tel{} .sp-card{} .sp-email{} .sp-postcode{} .sp-fax{} .sp-num{} .sp-decimal{} .sp-url{} .sp-ip{} .sp-chinese{} .sp-username{} .sp-password{} /*日期控件加上必填class*/ .sp-required-date{} /*end 表单验证:右侧提示信息*/ .sp-grid-job .sp-error{top:6px; right:22px;}