132 lines
4.8 KiB
CSS
132 lines
4.8 KiB
CSS
/* -------------
|
|
* 多行文本框颜色 *
|
|
* ------------- */
|
|
.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%;
|
|
}
|
|
.l-trigger-hover .l-trigger-icon
|
|
{
|
|
background-image:url('../images/form/icon-down-over.gif');
|
|
}
|
|
.l-text-date .l-trigger,.l-text-date .l-trigger-hover,.l-text-date .l-trigger-pressed{ border-left:none;}
|
|
.l-text-date .l-trigger-icon
|
|
{
|
|
background:url('../images/form/text-date-icon.gif') no-repeat 50% 50%;
|
|
}
|
|
/* -------------
|
|
* 调整器 *
|
|
* ------------- */
|
|
.l-spinner-up .l-spinner-icon,.l-spinner-down .l-spinner-icon{overflow: hidden;position: absolute;left: -1px;top: 50%;margin-top: -3px;width: 100%;height: 6px;background: no-repeat center top;}
|
|
.l-spinner-down-over{background:none;}
|
|
.l-spinner-up-over{background:none;}
|
|
.l-spinner-up .l-spinner-icon{background-image: url(../images/form/icon-up.gif);}
|
|
.l-spinner-down .l-spinner-icon{background-image: url(../images/form/icon-down.gif);}
|
|
.l-spinner-up,.l-spinner-down {width: 100%;height: 50%;overflow: hidden;display: block;position: absolute;left: 0px;top: 0px;}
|
|
.l-spinner-down{top: 50%;}
|
|
/* 调整器 中间 */
|
|
.l-spinner-split{overflow: hidden;width: 18px;height: 1px;position: absolute;left: 0px;top: 50%;z-index: 10;background: #B5B8C8; }
|
|
.l-spinner-up-over .l-spinner-icon{background-image: url(../images/form/icon-up-over.gif);}
|
|
.l-spinner-down-over .l-spinner-icon{background-image: url(../images/form/icon-down-over.gif);}
|
|
|
|
/* -------------
|
|
* 验证 *
|
|
* ------------- */
|
|
.l-verify-star { color:Red;}
|
|
|
|
/* -------------
|
|
* 复选框 *
|
|
* ------------- */
|
|
.l-checkbox-wrapper{
|
|
display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline;margin:0 auto;margin-right:2px; padding:0;}
|
|
a.l-checkbox {
|
|
background:url('../images/form/checkboxradio.gif') no-repeat 0 -12px;
|
|
vertical-align: middle;
|
|
height: 12px;
|
|
width: 12px; margin:0 auto;
|
|
overflow:hidden; cursor:pointer;
|
|
display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline;
|
|
}
|
|
div.l-disabled a.l-checkbox
|
|
{
|
|
|
|
}
|
|
div.l-disabled a.l-checkbox-checked
|
|
{
|
|
|
|
}
|
|
a.l-checkbox-checked
|
|
{
|
|
background-position:0 0px;
|
|
}
|
|
.l-over a.l-checkbox
|
|
{
|
|
background-position:0px -12px;
|
|
}
|
|
.l-over a.l-checkbox-checked
|
|
{
|
|
background-position:0px 0px;
|
|
}
|
|
/* -------------
|
|
* 单选框 *
|
|
* ------------- */
|
|
a.l-radio {background:url('../images/form/checkboxradio.gif') no-repeat -12px -12px;vertical-align: middle;height: 12px;width: 12px;}
|
|
a.l-radio-checked{background-position:-12px 0px;}
|
|
div.l-disabled a.l-radio{}
|
|
div.l-disabled a.l-radio-checked{}
|
|
.l-over a.l-radio{background-position:-12px -12px;}
|
|
.l-over a.l-radio-checked{background-position:-12px 0px;} |