1 line
14 KiB
CSS
1 line
14 KiB
CSS
.vxe-input--inner{border-radius:.25em;outline:0;padding:0 .6em;color:#606266;border:1px solid #dcdfe6;background-color:#fff}.vxe-input--inner[disabled]{cursor:not-allowed;background-color:#f3f3f3}.vxe-input--inner{width:100%;height:100%;-webkit-box-shadow:none;box-shadow:none}.vxe-input--inner::-webkit-input-placeholder{color:#c0c4cc}.vxe-input--inner::-moz-placeholder{color:#c0c4cc}.vxe-input--inner:-ms-input-placeholder{color:#c0c4cc}.vxe-input--inner::-ms-input-placeholder{color:#c0c4cc}.vxe-input--inner::placeholder{color:#c0c4cc}.vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input--inner[type=search]{-webkit-appearance:none;appearance:none}.vxe-input{display:inline-block;position:relative;width:180px}.vxe-input.is--disabled .vxe-input--date-picker-suffix,.vxe-input.is--disabled .vxe-input--number-suffix,.vxe-input.is--disabled .vxe-input--password-suffix,.vxe-input.is--disabled .vxe-input--suffix{cursor:no-drop}.vxe-input:not(.is--disabled) .vxe-input--clear-icon,.vxe-input:not(.is--disabled) .vxe-input--date-picker-suffix,.vxe-input:not(.is--disabled) .vxe-input--number-suffix,.vxe-input:not(.is--disabled) .vxe-input--password-suffix{cursor:pointer}.vxe-input:not(.is--disabled).is--active .vxe-input--inner{border:1px solid #409eff}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--prefix,.vxe-input .vxe-input--suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;width:1.6em;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#c0c4cc}.vxe-input .vxe-input--prefix{left:.2em}.vxe-input.is--prefix .vxe-input--inner{padding-left:1.8em}.vxe-input .vxe-input--clear-icon{display:none}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--suffix{right:.2em}.vxe-input.is--suffix .vxe-input--inner,.vxe-input.type--date .vxe-input--inner,.vxe-input.type--datetime .vxe-input--inner,.vxe-input.type--float .vxe-input--inner,.vxe-input.type--integer .vxe-input--inner,.vxe-input.type--month .vxe-input--inner,.vxe-input.type--number .vxe-input--inner,.vxe-input.type--password .vxe-input--inner,.vxe-input.type--week .vxe-input--inner,.vxe-input.type--year .vxe-input--inner{padding-right:1.8em}.vxe-input.type--date .vxe-input--suffix,.vxe-input.type--datetime .vxe-input--suffix,.vxe-input.type--float .vxe-input--suffix,.vxe-input.type--integer .vxe-input--suffix,.vxe-input.type--month .vxe-input--suffix,.vxe-input.type--number .vxe-input--suffix,.vxe-input.type--password .vxe-input--suffix,.vxe-input.type--week .vxe-input--suffix,.vxe-input.type--year .vxe-input--suffix{right:1.6em}.vxe-input.is--suffix.type--date .vxe-input--inner,.vxe-input.is--suffix.type--datetime .vxe-input--inner,.vxe-input.is--suffix.type--float .vxe-input--inner,.vxe-input.is--suffix.type--integer .vxe-input--inner,.vxe-input.is--suffix.type--month .vxe-input--inner,.vxe-input.is--suffix.type--number .vxe-input--inner,.vxe-input.is--suffix.type--password .vxe-input--inner,.vxe-input.is--suffix.type--week .vxe-input--inner,.vxe-input.is--suffix.type--year .vxe-input--inner{padding-right:3.2em}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon{display:none}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon{display:inline}.vxe-input:not(.is--disabled):not(.is--readonly) .vxe-input--suffix:hover .vxe-input--clear-icon{color:#606266}.vxe-input:not(.is--disabled):not(.is--readonly) .vxe-input--extra-suffix:hover .vxe-input--password-suffix{color:#606266}.vxe-input:not(.is--disabled):not(.is--readonly) .vxe-input--number-next:hover,.vxe-input:not(.is--disabled):not(.is--readonly) .vxe-input--number-prev:hover{color:#606266}.vxe-input:not(.is--disabled):not(.is--readonly) .vxe-input--number-next:active,.vxe-input:not(.is--disabled):not(.is--readonly) .vxe-input--number-prev:active{color:#409eff}.vxe-input--date-picker-suffix,.vxe-input--number-suffix,.vxe-input--password-suffix{position:relative;width:100%;height:100%}.vxe-input--date-picker-icon,.vxe-input--pwd-icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vxe-input--date-picker-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vxe-input--date-picker-suffix .vxe-input--panel-icon{-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.vxe-input--number-suffix .vxe-input--number-next,.vxe-input--number-suffix .vxe-input--number-prev{position:relative;display:block;height:50%;width:100%;text-align:center}.vxe-input--number-suffix .vxe-input--number-next-icon,.vxe-input--number-suffix .vxe-input--number-prev-icon{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vxe-input--number-suffix .vxe-input--number-prev-icon{bottom:0}.vxe-input--number-suffix .vxe-input--number-next-icon{top:0}.vxe-input--panel{display:none;position:absolute;left:0;padding:.2em 0;color:#606266;font-size:14px;text-align:left}.vxe-input--panel:not(.is--transfer){min-width:100%}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.animat--leave{display:block;opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s;-webkit-transform-origin:0 0;transform-origin:0 0}.vxe-input--panel.animat--leave[data-placement=top]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.vxe-input--panel.animat--enter{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{background-color:#fff;border:1px solid #dadce0;-webkit-box-shadow:0 0 6px 2px rgba(0,0,0,.1);box-shadow:0 0 6px 2px rgba(0,0,0,.1)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto;padding:.2em 0;max-height:22em;border-radius:.25em}.vxe-input--panel-layout-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:.8em;width:22em}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:24em}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:20em;padding:.8em}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:.8em;border-left:1px solid #dcdfe6}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:16%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{display:inline-block;height:2em;line-height:2em;text-align:center;padding:0 .6em;border:1px solid #dcdfe6;border-radius:.25em}.vxe-input--time-picker-confirm{position:absolute;right:0;top:0;height:2em;outline:0;padding:0 .6em;border:1px solid #dcdfe6;border-radius:.25em;cursor:pointer;color:#fff;border-color:#409eff;background-color:#409eff}.vxe-input--time-picker-confirm:hover{background-color:#5faeff;border-color:#5faeff}.vxe-input--time-picker-confirm:active{background-color:#3196ff;border-color:#3196ff}.vxe-input--time-picker-header{position:relative;-ms-flex-negative:0;flex-shrink:0}.vxe-input--date-picker-header,.vxe-input--time-picker-header{padding-bottom:.8em}.vxe-input--date-picker-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{-ms-flex-negative:0;flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 .6em;display:inline-block}.vxe-input--date-picker-btn-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{width:2em;margin-left:.5em}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:inline-block;height:2em;line-height:2em;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:.25em;border:1px solid #dcdfe6;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}.vxe-input--date-picker-btn{cursor:pointer}.vxe-input--date-picker-btn:hover{background-color:#fff}.vxe-input--date-picker-btn:active{background-color:#f7f7f7}.vxe-input--date-picker-body{border-radius:.25em;border:1px solid #dadce0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--date-picker-body table{border:0;width:100%;height:14em;border-spacing:0;border-collapse:separate;text-align:center}.vxe-input--date-picker-body table th{height:2.2em}.vxe-input--date-picker-body table td,.vxe-input--date-picker-body table th{font-size:.9em;font-weight:400}.vxe-input--date-picker-body table th{-webkit-box-shadow:inset 0 -1px 0 0 #dadce0;box-shadow:inset 0 -1px 0 0 #dadce0}.vxe-input--date-picker-body table td.is--next,.vxe-input--date-picker-body table td.is--prev{color:#bfbfbf}.vxe-input--date-picker-body table td.is--today{-webkit-box-shadow:inset 0 0 0 1px #dadce0;box-shadow:inset 0 0 0 1px #dadce0}.vxe-input--date-picker-body table td.is--today:not(.is--selected).is--current{color:#409eff}.vxe-input--date-picker-body table td.is--hover{background-color:#f2f6fc}.vxe-input--date-picker-body table td.is--selected{color:#fff;background-color:#409eff}.vxe-input--date-picker-body table td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body table td.is--disabled{cursor:no-drop;color:#dcdfe6;background-color:#f3f3f3}.vxe-input--date-picker-body .vxe-input--date-week-view th:first-child{-webkit-box-shadow:inset -1px -1px 0 0 #dadce0;box-shadow:inset -1px -1px 0 0 #dadce0}.vxe-input--date-picker-body .vxe-input--date-week-view td:first-child{-webkit-box-shadow:inset -1px 0 0 0 #dadce0;box-shadow:inset -1px 0 0 0 #dadce0}.vxe-input--time-picker-body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border:1px solid #dadce0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-radius:.25em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--time-picker-body>ul{height:13.6em;overflow:hidden;width:3.4em;margin:0;padding:0;background-color:#fff}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block;height:110px}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block;height:22px;padding-left:.6em}.vxe-input--time-picker-body>ul>li:hover{background-color:#f2f6fc;cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:#409eff}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:1.95em;border-left:1px solid #dadce0}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:3.9em;border-left:1px solid #dadce0}.vxe-input{font-size:14px;height:34px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium{font-size:14px;height:32px}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small{font-size:13px;height:30px}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini{font-size:12px;height:28px}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-dropdown--panel{font-size:14px}.vxe-dropdown--panel.size--medium{font-size:14px}.vxe-dropdown--panel.size--small{font-size:13px}.vxe-dropdown--panel.size--mini{font-size:12px} |