element-gui
Version:
A Component Library for Vue.js.
1 lines • 3 kB
CSS
.el-input-range{position:relative;font-size:14px;display:inline-block;border-radius:2px;border:1px solid #d2d2d2;box-sizing:border-box;color:#333;width:300px;height:34px;background-color:#fff;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input-range.is-focus,.el-input-range:hover{border-color:#1890ff}.el-input-range .el-input-range__clear{display:none;color:#1890ff;cursor:pointer}.el-input-range.is-clear:not(.is-disabled):not(.is-readonly):hover .el-input-range__clear,.el-input-range.is-focus.is-clear .el-input-range__clear{display:block}.el-input-range.is-clear:not(.is-disabled):not(.is-readonly):hover .end-suffix{visibility:hidden}.el-input-range.is-focus.is-clear .end-suffix{visibility:hidden}.el-input-range:focus{outline:0}.el-input-range__wrapper{display:flex;padding:0 10px;height:100%;width:100%;box-sizing:border-box}.el-input-range__separator{line-height:calc(34px - 2px);padding:0 5px}.el-input-range__inner{-webkit-appearance:none;background-color:transparent;background-image:none;border:none;flex:1;width:100%;line-height:1;font-size:inherit;outline:0}.el-input-range__inner::-ms-reveal{display:none}.el-input-range__inner::placeholder{color:#999}.el-input-range__clear,.el-input-range__prefix,.el-input-range__suffix{text-align:center;line-height:calc(34px - 2px);color:inherit}.el-input-range__clear{position:absolute;right:10px}.el-input-range.is-disabled{background-color:#efefef;border-color:#d2d2d2;color:#666;cursor:not-allowed}.el-input-range.is-disabled .el-input-range__inner{cursor:not-allowed}.el-input-range.is-disabled .el-input-range__inner::placeholder{color:#999}.el-input-range.is-disabled .el-input-range__inner:hover{border-color:#d2d2d2}.el-input-range--medium{font-size:14px;height:32px;line-height:32px}.el-input-range--medium .el-input-range__inner{line-height:32px}.el-input-range--medium .el-input-range__clear,.el-input-range--medium .el-input-range__prefix,.el-input-range--medium .el-input-range__separator,.el-input-range--medium .el-input-range__suffix{line-height:calc(32px - 2px)}.el-input-range--small{font-size:13px;height:30px;line-height:30px}.el-input-range--small .el-input-range__inner{line-height:30px}.el-input-range--small .el-input-range__clear,.el-input-range--small .el-input-range__prefix,.el-input-range--small .el-input-range__separator,.el-input-range--small .el-input-range__suffix{line-height:calc(30px - 2px)}.el-input-range--mini{font-size:12px;height:28px;line-height:28px}.el-input-range--mini .el-input-range__inner{line-height:28px}.el-input-range--mini .el-input-range__clear,.el-input-range--mini .el-input-range__prefix,.el-input-range--mini .el-input-range__separator,.el-input-range--mini .el-input-range__suffix{line-height:calc(28px - 2px)}.el-input-range__inner::-ms-clear{display:none;width:0;height:0}.el-input-range__inner::-webkit-inner-spin-button,.el-input-range__inner::-webkit-outer-spin-button{-webkit-appearance:none}.el-input-range__inner[type=number]{-moz-appearance:textfield}