NongJiaLe.Web/base/Css/ligerui-form.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

 /* 表单 */
.l-form { margin:7px;}
.l-form .l-group{ clear:both; margin:0; height:28px; line-height:28px; font-weight:bold; font-size:12px; color:#333; border-bottom:solid 1px #ebebeb; margin-bottom:14px; display:block; position:relative; clear:both;}
.l-form .l-group-hasicon{ padding-left:30px;}
.l-form .l-group-hasicon img{ width:16px; height:16px; position:absolute; left:6px; top:6px;}
.l-form ul, .l-form li{ list-style:none;}
.l-form ul{ clear:both; margin-top:2px; margin-bottom:2px;}
.l-form li{ float:left; overflow:hidden; text-align:left;  line-height:23px;padding:0; padding-top:2px; padding-bottom:2px;} 
.l-form li textarea{ height:80px;}

.l-hidden{ display:none;}
/* -------------
   * 多行文本框颜色 *
* ------------- */ 
.l-textarea{border:1px solid #A8AAAD; margin-left:-1px;outline:none;}
 .l-textarea:hover{border-color:#01AAEE;}
.l-textarea-invalid,.l-textarea:focus{ border-color:#FF8801;}
.l-textarea-invalid{border-color:#FF7777; background:#FFEEEE url(../image/common/invalid-line.gif) repeat-x bottom;}
.l-textarea-invalid:hover,.l-textarea-invalid:focus{border-color:#FF7777;}
/* -------------
   * 文本框/下拉框/日期框/调整器 *
* ------------- */
.l-text-wrapper{ position:relative;}
/* 文本框、下来框、日期框、调整器都使用到这个 */
.l-text
{
    position:relative;
    border:1px solid #AECAF0; height:20px; line-height:20px;
    width:130px; background:white;
}
/* 文本框 验证不通过 */
.l-text-invalid{ border-color:#FF7777; background:#FFEEEE url(../image/common/invalid-line.gif) repeat-x bottom;}

.l-text-invalid .l-text-field{ background:none;}
/*只读时边框*/
.l-text-disabled
{
    border-color:#C2C2C2;
    background:#E0E0E0;
}
/*只读时文本框*/
.l-text-disabled .l-text-field{
	background:#E0E0E0;
}
/* 编辑状态 */
.l-text-editing
{
     
}

/* 表单文本框 input:text */
.l-text-field
{
    position:absolute; top:0px; left:0px;
    width:110px; 
    border:0; margin:0; outline:none;
}
/* 表单文本框 内容为空时 */
.l-text-field-null
{ color:#C1C1C1;