meri-design/dist/theme/InputNumber.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-input-number.p-input-number-both-button{width:162px}.p-input-number.p-input-number-both-button .p-placeholder,.p-input-number.p-input-number-both-button input{text-align:center}.p-input-number.p-input-number-both-button .p-in-left-button{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:-8px;margin-right:-1px}.p-input-number.p-input-number-both-button .p-in-right-button{border-bottom-right-radius:4px;border-top-right-radius:4px;margin-left:-1px;margin-right:-8px}.p-input-number.p-input-number-both-button .p-in-left-button,.p-input-number.p-input-number-both-button .p-in-right-button{align-items:center;display:flex;justify-content:center;width:32px}.p-input-number.p-input-number-both-button .p-in-left-button path,.p-input-number.p-input-number-both-button .p-in-right-button path{fill:#8b949e}.p-input-number.p-input-number-both-button .p-in-left-button.p-in-disabled-button,.p-input-number.p-input-number-both-button .p-in-right-button.p-in-disabled-button{background-color:#e8ecf0;cursor:not-allowed}.p-input-number.p-input-number-both-button .p-in-left-button.p-in-disabled-button .p-icon,.p-input-number.p-input-number-both-button .p-in-right-button.p-in-disabled-button .p-icon{cursor:not-allowed}.p-input-number.p-input-number-both-button .p-in-left-button.p-in-disabled-button:hover,.p-input-number.p-input-number-both-button .p-in-right-button.p-in-disabled-button:hover{border-color:#c4c9cf}.p-input-number.p-input-number-both-button .p-in-left-button.p-in-disabled-button:hover path,.p-input-number.p-input-number-both-button .p-in-right-button.p-in-disabled-button:hover path{fill:#8b949e}.p-input-number.p-input-number-both-button .p-in-left-button.p-in-disabled-button:hover,.p-input-number.p-input-number-both-button .p-in-right-button.p-in-disabled-button:hover{background-color:#e8ecf0}.p-input-number.p-input-number-both-button .p-in-left-button:hover,.p-input-number.p-input-number-both-button .p-in-right-button:hover{z-index:5}.p-input-number.p-input-number-both-button .p-in-left-button:hover path,.p-input-number.p-input-number-both-button .p-in-right-button:hover path{fill:#246fe5}.p-input-number.p-input-number-both-button .p-in-left-button:active,.p-input-number.p-input-number-both-button .p-in-right-button:active{background-color:#d9ebff}.p-input-number.p-input-number-both-button .p-in-left-button .p-icon,.p-input-number.p-input-number-both-button .p-in-right-button .p-icon{height:16px;width:16px}.p-input-number.p-input-number-both-button .p-in-left-button,.p-input-number.p-input-number-both-button .p-in-right-button,.p-input-number.p-input-number-both-button .p-input-number-box{border:1px solid #c4c9cf;height:32px;transition:all .3s}.p-input-number.p-input-number-both-button .p-in-left-button:hover,.p-input-number.p-input-number-both-button .p-in-right-button:hover,.p-input-number.p-input-number-both-button .p-input-number-box:hover{border-color:#246fe5}.p-input-number.p-input-number-both-button .p-input-number-box{z-index:3}.p-input-number.p-input-number-both-button .p-input-number-box.p-input-number-focus{border-color:#246fe5}.p-input-number.p-input-number-normal{border:1px solid #c4c9cf;width:240px}.p-input-number.p-input-number-normal.p-input-number-focus,.p-input-number.p-input-number-normal:hover{border-color:#246fe5}.p-input-number.p-input-number-normal.p-input-number-error{border-color:#f55047;position:relative}.p-input-number.p-input-number-normal.p-input-number-error input{caret-color:#f55047}.p-input-number.p-input-number-normal.p-input-number-error .p-input-number-error-info{bottom:-20px;color:#f55047;font-size:14px;left:0;position:absolute}.p-input-number.p-input-number-normal.p-input-number-error:hover{border-color:#f55047}.p-input-number.p-input-number-right-arrow{border:1px solid #c4c9cf;width:240px}.p-input-number.p-input-number-right-arrow .p-in-right-arrow{height:30px;margin-right:-8px;width:32px}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top{border-bottom:1px solid #c4c9cf;border-top-right-radius:4px}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top:hover{border-bottom-color:#246fe5;z-index:10}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm{border-bottom-right-radius:4px;border-top:1px solid #c4c9cf;margin-top:-1px}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm:hover{border-top-color:#246fe5;z-index:5}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm svg{transform:rotate(180deg)}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top{align-items:center;border-left:1px solid #c4c9cf;display:flex;height:15.5px;justify-content:center;line-height:15.5px;position:relative;transition:all .3s}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm svg,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top svg{height:16px;width:16px}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm path,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top path{fill:#8b949e}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm.p-in-disabled-button,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top.p-in-disabled-button{background-color:#e8ecf0;cursor:not-allowed}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm.p-in-disabled-button:active,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top.p-in-disabled-button:active{background-color:#e8ecf0}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm.p-in-disabled-button:hover,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top.p-in-disabled-button:hover{border-bottom-color:#c4c9cf;border-left-color:#c4c9cf;border-top-color:#c4c9cf}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm.p-in-disabled-button:hover path,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top.p-in-disabled-button:hover path{fill:#8b949e}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm:hover,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top:hover{border-left-color:#246fe5}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm:hover path,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top:hover path{fill:#246fe5}.p-input-number.p-input-number-right-arrow .p-in-right-arrow-btm:active,.p-input-number.p-input-number-right-arrow .p-in-right-arrow-top:active{background-color:#d9ebff}.p-input-number.p-input-number-right-arrow.p-input-number-focus,.p-input-number.p-input-number-right-arrow:hover{border-color:#246fe5}.p-input-number{align-items:center;border-radius:4px;display:inline-flex;font-size:0;height:32px;max-width:600px;min-width:180px;padding-left:8px;padding-right:8px;transition:border .3s}.p-input-number+.p-input-number{margin-left:28px}.p-input-number:after,.p-input-number:before{color:transparent;content:"1"}.p-input-number-box{flex:1;font-size:14px;height:30px;position:relative}.p-input-number-box .p-placeholder,.p-input-number-box input{height:30px;line-height:30px}.p-input-number-box input{background:none;border:0;caret-color:#246fe5;color:#1b2129;margin:0;outline:none;padding:0;position:relative;width:100%;z-index:2}.p-input-number-box .p-placeholder{color:#c4c9cf;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.p-input-number-disabled.p-input-number,.p-input-number-disabled.p-input-number.p-input-number-both-button{background-color:#e8ecf0;border-color:#c4c9cf;cursor:not-allowed}.p-input-number-disabled.p-input-number .p-input-number-box,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-input-number-box,.p-input-number-disabled.p-input-number.p-input-number-both-button:hover,.p-input-number-disabled.p-input-number:hover{border-color:#c4c9cf}.p-input-number-disabled.p-input-number .p-icon,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-icon{cursor:not-allowed}.p-input-number-disabled.p-input-number .p-in-left-button:hover,.p-input-number-disabled.p-input-number .p-in-right-arrow-btm:hover,.p-input-number-disabled.p-input-number .p-in-right-arrow-top:hover,.p-input-number-disabled.p-input-number .p-in-right-button:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-left-button:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-arrow-btm:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-arrow-top:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-button:hover{border-color:#c4c9cf}.p-input-number-disabled.p-input-number .p-in-left-button:hover path,.p-input-number-disabled.p-input-number .p-in-right-arrow-btm:hover path,.p-input-number-disabled.p-input-number .p-in-right-arrow-top:hover path,.p-input-number-disabled.p-input-number .p-in-right-button:hover path,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-left-button:hover path,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-arrow-btm:hover path,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-arrow-top:hover path,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-button:hover path{fill:#8b949e}.p-input-number-disabled.p-input-number .p-in-left-button:hover,.p-input-number-disabled.p-input-number .p-in-right-arrow-btm:hover,.p-input-number-disabled.p-input-number .p-in-right-arrow-top:hover,.p-input-number-disabled.p-input-number .p-in-right-button:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-left-button:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-arrow-btm:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-arrow-top:hover,.p-input-number-disabled.p-input-number.p-input-number-both-button .p-in-right-button:hover{background-color:#e8ecf0}