@reasy-team/reasy-ui/dist/ipcom/lib/input/style.css

Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type="number"]{-moz-appearance:textfield}.v-input{position:relative;display:inline-block;width:228px}.v-input ::-webkit-input-placeholder{color:silver}.v-input ::-moz-placeholder{color:silver}.v-input :-ms-input-placeholder{color:silver}.v-input ::-ms-input-placeholder{color:silver}.v-input ::placeholder{color:silver}.v-input__middle{color:#d8d8d8}.v-input__icon{font-size:16px;width:16px;display:inline-block}.v-input__icon.v-icon-close-plane{color:silver}.v-input__icon--prefix,.v-input__icon--suffix{position:absolute;height:100%;padding:0 8px;vertical-align:middle;color:#8d8d8d}.v-input__icon--suffix{right:0;top:0}.v-input__icon--suffix .input-icon+.input-icon{padding-left:8px}.v-input__search{position:relative;top:1px;left:-1px;margin:0px -8px;padding:0 8px;width:auto;display:inline-block}.v-input__search:hover{color:#d7000f}.v-input__search:focus{background-color:#fff;border:1px solid #d7000f}.v-input__search:active{background-color:rgba(215,0,15,0.7);color:#be000d}.v-input--prefix .input-text{padding-left:32px}.v-input--medium{line-height:22px;font-size:14px;vertical-align:top}.v-input--medium .input-text,.v-input--medium .v-input-group__splitter,.v-input--medium .placeholder-text{font-size:14px;height:32px}.v-input--medium .v-input-group__splitter,.v-input--medium .v-input__middle{height:32px;line-height:32px}.v-input--medium .v-input__search{height:30px;line-height:30px}.v-input--medium .v-input__icon--suffix{height:32px}.v-input--medium.v-input--no-border{font-size:14px;vertical-align:top}.v-input--medium.v-input--no-border .input-text,.v-input--medium.v-input--no-border .v-input-group__splitter,.v-input--medium.v-input--no-border .placeholder-text{font-size:14px;height:30px}.v-input--medium.v-input--no-border .v-input-group__splitter,.v-input--medium.v-input--no-border .v-input__middle{height:30px;line-height:30px}.v-input--medium.v-input--no-border .v-input__search{height:28px;line-height:28px}.v-input--medium.v-input--no-border .v-input__icon--suffix{height:30px}.v-input--small{line-height:20px;font-size:12px;vertical-align:top}.v-input--small .input-text,.v-input--small .v-input-group__splitter,.v-input--small .placeholder-text{font-size:12px;height:24px}.v-input--small .v-input-group__splitter,.v-input--small .v-input__middle{height:24px;line-height:24px}.v-input--small .v-input__search{height:22px;line-height:22px}.v-input--small .v-input__icon--suffix{height:24px}.v-input--small.v-input--no-border{font-size:12px;vertical-align:top}.v-input--small.v-input--no-border .input-text,.v-input--small.v-input--no-border .v-input-group__splitter,.v-input--small.v-input--no-border .placeholder-text{font-size:12px;height:22px}.v-input--small.v-input--no-border .v-input-group__splitter,.v-input--small.v-input--no-border .v-input__middle{height:22px;line-height:22px}.v-input--small.v-input--no-border .v-input__search{height:20px;line-height:20px}.v-input--small.v-input--no-border .v-input__icon--suffix{height:22px}.v-input--large{line-height:24px;font-size:16px;vertical-align:top}.v-input--large .input-text,.v-input--large .v-input-group__splitter,.v-input--large .placeholder-text{font-size:16px;height:40px}.v-input--large .v-input-group__splitter,.v-input--large .v-input__middle{height:40px;line-height:40px}.v-input--large .v-input__search{height:38px;line-height:38px}.v-input--large .v-input__icon--suffix{height:40px}.v-input--large.v-input--no-border{font-size:16px;vertical-align:top}.v-input--large.v-input--no-border .input-text,.v-input--large.v-input--no-border .v-input-group__splitter,.v-input--large.v-input--no-border .placeholder-text{font-size:16px;height:38px}.v-input--large.v-input--no-border .v-input-group__splitter,.v-input--large.v-input--no-border .v-input__middle{height:38px;line-height:38px}.v-input--large.v-input--no-border .v-input__search{height:36px;line-height:36px}.v-input--large.v-input--no-border .v-input__icon--suffix{height:38px}.v-input--no-border:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.v-input--no-border .input-text{border:none;-webkit-box-shadow:none;box-shadow:none;width:-webkit-calc(100% - 2px);width:calc(100% - 2px)}.v-input--no-border .input-text:focus{-webkit-box-shadow:none;box-shadow:none}::-webkit-input-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}::-ms-input-placeholder{color:#ccc}::placeholder{color:#ccc}.v-input-textarea{line-height:20px}.v-input-textarea .input-word-limit{position:absolute;bottom:0;right:8px}.v-input-textarea .placeholder-text{line-height:20px;padding:0 8px}.input-textarea{border:1px solid #d8d8d8;border-radius:2px;padding:4px 8px}.input-textarea.is-disabled{border:1px solid #e9e9e9 !important}.v-input-group{width:228px;display:inline-block;vertical-align:top}.v-input-group__splitter{position:absolute;padding:0 4px;right:0;top:0;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);height:100%;text-align:center;z-index:9}.v-input-group__item{position:relative}.v-input-group--ip input,.v-input-group--mac input{text-align:center}.input-group--content{border:1px solid #d8d8d8;position:relative;border-radius:2px}.is-hover{border:1px solid #d7000f}.is-input-error{border:1px solid #f7421e}.is-controls .input-text{padding-right:36px}.v-input-number{display:inline-block;position:relative;width:228px;vertical-align:top}.v-input-number .v-input{display:block;width:100%}.v-input-number__button{position:absolute;right:0px;width:100%;height:50%;font-size:12px;text-align:center;cursor:pointer;border:0;border-left:1px solid #d8d8d8;-webkit-transition:height 0.1s linear;-o-transition:height 0.1s linear;transition:height 0.1s linear}.v-input-number__button+.v-input-number__button{border-top:1px solid #d8d8d8}.v-input-number__button::before{position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-6px}.v-input-number__button:hover{color:#d7000f}.v-input-number__button:focus,.v-input-number__button:active{color:#d7000f;background:#f5f5f5}.v-input-number__button.btn-disabled{cursor:not-allowed;background:#f5f5f5;color:silver !important;border-color:#e9e9e9;-webkit-transition:none;-o-transition:none;transition:none}.v-input-number__button.btn-disabled:focus{border-color:#d8d8d8;-webkit-box-shadow:none;box-shadow:none;color:silver}.v-input-number__position .input-text{padding:0 40px}.v-input-number__controls{position:absolute;top:0;height:100%;padding:0 2px;min-width:24px;width:32px;border:none;z-index:4;text-align:center}.v-input-number__controls--left{left:0;border-right:1px solid #d8d8d8;border-top-right-radius:0;border-bottom-right-radius:0}.v-input-number__controls--left:hover,.v-input-number__controls--left:focus{border-right:1px solid rgba(215,0,15,0.9)}.v-input-number__controls--right{right:0;border-left:1px solid #d8d8d8;border-top-left-radius:0;border-bottom-left-radius:0}.v-input-number__controls--right:hover,.v-input-number__controls--right:focus{border-left:1px solid rgba(215,0,15,0.9)}.v-input-number__controls.btn-disabled{border-color:#e9e9e9 !important}.v-input-number .up{top:0}.v-input-number .down{bottom:0}.v-input-number__arrow{position:absolute;height:100%;top:0;right:0;width:20px}.v-input-number__arrow:hover .v-input-number__button{height:40%}.v-input-number__arrow:hover .v-input-number__button:hover{height:60%}.v-input-number__arrow:hover .btn-disabled{height:50%}.v-input-number__arrow:hover .btn-disabled:hover{height:50%}.v-input-number--small .v-input-number__arrow{width:16px}.v-input-number--small .v-input-number__controls{width:22px}.v-input-number--small .v-input-number__position .input-text{padding-left:30px;padding-right:30px}.v-input-number--large .v-input-number__arrow{width:24px}.v-input-number--large .v-input-number__controls{width:40px}.v-input-number--large .v-input-number__position .input-text{padding-left:48px;padding-right:48px}