ecui
Version:
Enterprise Classic User Interface.
50 lines • 1.17 kB
CSS
.ui-input {
position: relative;
display: inline-block;
width: 160px;
height: 20px;
border: 1px solid #A9ADB6;
background-color: #FFF;
overflow: hidden;
vertical-align: middle;
*display: inline;
*zoom: 1;
}
.ui-input input,
.ui-input textarea {
outline: none ;
width: 100%; height: 100%; left: 0; top:0;
border: none ;
position: absolute;
}
.ui-input input {line-height: 20px; padding: 0 2px;}
.ui-input-error {
border-color: #F00; color: red;
border:1px solid #F00;box-shadow:0 0 10px #F00;
outline:0; -webkit-box-shadow:0px 0px 10px #F00;
}
.ui-input-disabled {
color: #CCC;
line-height: 22px;
}
.ui-textarea {
height: 5em;
width: 200px;
}
.ui-input textarea {
/* Hack IE6/7下 textarea高度设置100%...原因未知... */
*position: absolute;
}
.ui-input-tip,
.ui-textarea-tip {
position: absolute;
top: 1px;
left: 3px;
line-height: 18px;
color: #BBB;
}
.ui-input-focus{
border:1px solid #0EA0EF;box-shadow:0 0 10px #09F;
outline:0; -webkit-box-shadow:0px 0px 10px #6FA1D9;
}
.ui-input-focus .ui-input-tip{color: #C0D5EE}