@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
2 lines (1 loc) • 1.79 kB
CSS
.nut-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, 14px);height:var(--nutui-inputnumber-button-height, 24px);background-color:var(--nutui-inputnumber-button-background-color, transparent);border-radius:var(--nutui-inputnumber-button-border-radius, 16px)}.nut-inputnumber-disabled input{color:var(--nutui-inputnumber-disabled-color, rgba(0, 0, 0, .4))}.nut-inputnumber-icon{color:var(--nutui-inputnumber-icon-color, rgba(0, 0, 0, .6));font-size:var(--nutui-inputnumber-icon-size, 8px);cursor:pointer}.nut-inputnumber-icon-disabled{color:var(--nutui-inputnumber-disabled-color, rgba(0, 0, 0, .4));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber-text-readonly{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);border-radius:var(--nutui-inputnumber-input-border-radius, 6px);margin:4px;color:var(--nutui-inputnumber-input-font-color, rgba(0, 0, 0, .95));background-color:var(--nutui-inputnumber-input-background-color, #f8f8f8)}.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{-webkit-appearance:none;-moz-appearance:none;appearance:none}.nut-inputnumber .nut-icon-Minus,.nut-inputnumber .nut-icon-minus,.nut-inputnumber .nut-icon-Plus,.nut-inputnumber .nut-icon-plus{--nut-icon-width: 16px;--nut-icon-height: 16px}