.rmc-input-number { margin: 0; padding: 0; line-height: 26px; font-size: 12px; height: 26px; display: inline-block; vertical-align: middle; border: 1px solid #D9D9D9; border-radius: 5px; } .rmc-input-number-handler { text-align: center; line-height: 12px; height: 12px; overflow: hidden; display: block; -ms-touch-action: none; touch-action: none; } .rmc-input-number-handler-active { background: #ddd; } .rmc-input-number-handler-up-inner, .rmc-input-number-handler-down-inner { color: #666666; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .rmc-input-number:hover { border-color: #23c0fa; } .rmc-input-number:hover .rmc-input-number-handler-up, .rmc-input-number:hover .rmc-input-number-handler-wrap { border-color: #23c0fa; } .rmc-input-number-disabled:hover { border-color: #d9d9d9; } .rmc-input-number-disabled:hover .rmc-input-number-handler-up, .rmc-input-number-disabled:hover .rmc-input-number-handler-wrap { border-color: #d9d9d9; } .rmc-input-number-input-wrap { overflow: hidden; height: 26px; } .rmc-input-number-input { width: 100%; text-align: center; outline: 0; -moz-appearance: textfield; line-height: 26px; height: 26px; transition: all 0.3s ease; color: #666666; border: 0; border-radius: 5px; padding: 0; } .rmc-input-number-handler-wrap { float: right; border-left: 1px solid #D9D9D9; width: 20px; height: 26px; } .rmc-input-number-handler-up { border-bottom: 1px solid #D9D9D9; padding-top: 1px; } .rmc-input-number-handler-up-inner:after { content: '+'; } .rmc-input-number-handler-down-inner:after { content: '-'; } .rmc-input-number-handler-down-disabled, .rmc-input-number-handler-up-disabled { opacity: 0.72; } .rmc-input-number-handler-down-disabled:hover, .rmc-input-number-handler-up-disabled:hover { color: #999; border-color: #d9d9d9; } .rmc-input-number-disabled .rmc-input-number-input { opacity: 0.72; cursor: not-allowed; background-color: #f3f3f3; } .rmc-input-number-disabled .rmc-input-number-handler { opacity: 0.72; } .rmc-input-number-disabled .rmc-input-number-handler:hover { color: #999; border-color: #d9d9d9; }