SimpleTaskSystem.Web/Scripts/LigerUI/Source/lib/ligerUI/skins/Silvery/css/form.css

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

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

/* -------------
   * 多行文本框颜色 *
* ------------- */ 
.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-text
{
    position:relative;border:none; height:21px; line-height:21px; background:white;background:url('../images/form/text.gif') repeat-x;
}
.l-text .l-text-l
{
    position:absolute; left:0px; top:0px;
    width:3px; height:21px; background:url('../images/form/text-l.gif') no-repeat; overflow:hidden;
}
.l-text .l-text-r
{
    position:absolute; right:0px; top:0px;
    width:3px; height:21px; background:url('../images/form/text-r.gif') no-repeat; overflow:hidden;
}
.l-text-over{ background:url('../images/form/text-over.gif') repeat-x;}
.l-text-over .l-text-l{ background:url('../images/form/text-l-over.gif') no-repeat;}
.l-text-over .l-text-r{ background:url('../images/form/text-r-over.gif') no-repeat;}
.l-text-focus{ background:url('../images/form/text-focus.gif') repeat-x;}
.l-text-focus .l-text-l{ background:url('../images/form/text-l-focus.gif') no-repeat;}
.l-text-focus .l-text-r{ background:url('../images/form/text-r-focus.gif') no-repeat;}
.l-text-invalid{ background:url('../images/form/text-focus.gif') repeat-x;}
.l-text-invalid .l-text-l{ background:url('../images/form/text-l-focus.gif') no-repeat;}
.l-text-invalid .l-text-r{ background:url('../images/form/text-r-focus.gif') no-repeat;}

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

/* 表单文本框 input:text */
.l-text-field
{
    position:absolute; top:1px; left:3px;
    width:120px; 
    border:0; margin:0; outline:none;
}
/* 表单文本框 内容为空时 */
.l-text-field-null
{ 
    color:#C1C1C1;
} 
/* 下拉框/日期/调整器 右侧那个可点击的区域 分别是普通、经过、按住状态 */
.l-trigger,.l-trigger-hover,.l-trigger-pressed
{  
    background:none; border:none;width:18px;height:21px; border-left:1px solid #A8AAAD; 
} 
/* 下拉框/日期 右侧那个可点击的区域里面的图标 */
.l-trigger-icon
{	 
    background:url('../images/form/icon-down.gif') no-repeat 50% 50%;