| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- /*表单验证：右侧提示信息*/
- /**给元素加上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;}
|
