/*--============================---
 *  基础输入框组件样式
 *  loke    2018-07-11 15:39:23
 *--==============================*/

.sui-input {
    display: inline-block;
    position: relative;
    width: 100%;
    color: #333;
    ::-webkit-input-placeholder {
        color: #ccc;
    }
    :-moz-placeholder {
        color: #ccc;
    }
    ::-moz-placeholder {
        color: #ccc;
    }
    :-ms-input-placeholder {
        color: #ccc;
    }
    >input, >textarea {
        box-sizing: border-box;
        height: 32px;
        width: 100%;
        padding: 0 10px;
        border:1px solid #e5e5e5;
        background: #fefefe;
        border-radius: 3px;
        color: inherit;
        &:hover {
            border-color: #2599f2;
        }
        &:focus {
            border-color: #2599f2;
        }
    }
    >textarea {
        min-height: 100px;
        line-height: 20px;
        padding-top: 6px;
        resize: none;
    }
    .input-number {
        >a {
            position: absolute;
            top:0;
            display: block;
            box-sizing: border-box;
            width: 40px;
            height: 32px;
            line-height: 32px;
            cursor: pointer;
            text-align: center;
            color: #999;
            &:hover {
                text-decoration: none;
            }
            >i {
                font-size: 20px;
            }
            &:first-child {
                left:1px;
                border-right: 1px solid #e5e5e5;
            }
            &:last-child {
                right: 1px;
                border-left: 1px solid #e5e5e5;
            }
        }
    }
    &.disabled {
        >input, >textarea {
            background: buttonface;
            border-color: rgb(211,211,211);
            color: #999;
            cursor: auto;
            &:hover{
                border-color: rgb(211,211,211);
            }
            &:focus {
                border-color: rgb(211,211,211);
            }
        }
        .input-number {
            display: none !important;
        }
    }
}