test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 2.29 kB
CSS
.nut-inputnumber{display:var(--nutui-inputnumber-display, flex);align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 16px);height:var(--nutui-inputnumber-button-height, 16px);background-color:var(--nutui-inputnumber-button-background-color, var(--nsui-white-color-1, #FFFFFF));border:var(--nutui-inputnumber-button-border, none);border-radius:var(--nutui-inputnumber-button-border-radius, 2px);z-index:1}.nut-inputnumber--disabled input,.nut-inputnumber--disabled .nut-number-input{color:var(--nutui-inputnumber-input-font-disabled-color, var(--nsui-gray-color-6, #BFBFBF));background-color:var(--nutui-inputnumber-input-disabled-background-color, var(--nsui-gray-color-2, #F5F5F5))}.nut-inputnumber__icon{color:var(--nutui-inputnumber-icon-color, var(--nsui-gray-color-7, #8C8C8C));font-size:var(--nutui-inputnumber-icon-size, 20px);cursor:pointer}.nut-inputnumber__icon--disabled{color:var(--nutui-inputnumber-icon-disabled-color, var(--nsui-gray-color-4, #E5E5E5));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber__text--readonly{width:var(--nutui-inputnumber-input-width, 48px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;font-size:var(--nutui-inputnumber-input-font-size, 14px);border:var(--nutui-inputnumber-input-border, 0);margin:var(--nutui-inputnumber-input-margin, 0 4px);color:var(--nutui-inputnumber-input-font-color, var(--nsui-gray-color-9, #262626));background-color:var(--nutui-inputnumber-input-background-color, var(--nsui-gray-color-2, #F5F5F5));border-radius:var(--nutui-inputnumber-input-border-radius, 2px)}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{appearance:none}.nut-inputnumber--large input,.nut-inputnumber--large .nut-number-input,.nut-inputnumber--large .nut-inputnumber__text--readonly{width:var(--nutui-inputnumber-input-width-large, 56px);height:var(--nutui-inputnumber-input-height-large, 32px);font-size:var(--nutui-inputnumber-input-font-size, 16px)}