ecui/src/input.css

Enterprise Classic User Interface.

.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 !important; 
    width: 100%; height: 100%; left: 0; top:0;
    border: none !important;
    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}