@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
2 lines (1 loc) • 2.9 kB
CSS
.nut-input{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;align-items:center;font-size:var(--nutui-input-font-size, var(--nutui-font-size-2, 15px));box-sizing:border-box}.nut-input .nut-input-native .weui-input::placeholder,.nut-input-placeholder{color:#757575;font-size:var(--nutui-input-font-size, var(--nutui-font-size-2, 15px))}.nut-input .nut-icon{color:var(--nutui-color-text-disabled, #999999);width:14px;height:14px;font-size:14px}.nut-input-container{height:38px;padding:var(--nutui-input-padding, var(--nutui-spacing-3, 16px));background-color:var(--nutui-input-background-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)));border-radius:var(--nutui-input-border-radius, var(--nutui-radius-1, 8px));border-bottom:var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, var(--nutui-color-border, #e6e6e6))}.nut-input-native{flex:1;color:var(--nutui-color-title, #0d0d0d);font-size:var(--nutui-input-font-size, var(--nutui-font-size-2, 15px));line-height:var(--nutui-input-lineheight, var(--nutui-font-size-3, 17px));padding:0;border:0;outline:0 none;text-decoration:none;background-color:transparent}.nut-input-readonly .nut-input-native{color:var(--nutui-color-text-help, var(--nutui-color-text-disabled, #999999))}.nut-input-disabled{color:var(--nutui-color-text-disabled, #999999)}.nut-input-disabled input:disabled{color:var(--nutui-color-text-disabled, #999999);cursor:not-allowed;background:none;opacity:1;-webkit-text-fill-color:var(--nutui-color-text-disabled, #999999)}.input-placeholder{color:var(--nutui-color-text-disabled, #999999)}.nut-input-readonly .nut-input-native{color:var(--nutui-color-title, #0d0d0d)}.mj-input{padding:var(--nutui-spacing-3, 16px) 0;border-radius:0;height:inherit}.mj-input-container{display:flex;align-items:center;position:relative;background-color:var(--nutui-color-white, #ffffff);flex:1}.mj-input-underline{border-bottom:.5px solid var(--nutui-color-border, #e6e6e6)}.mj-input-disabled .nut-input-native{color:var(--nutui-color-text-disabled, #999999)}.mj-input .nut-input-native{height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mj-input .nut-input-native .weui-input{height:24px;line-height:24px}.mj-input .nut-input-native .weui-input::placeholder{color:var(--nutui-color-text-disabled, #999999)}.mj-input-clearicon{font-size:16px;color:var(--nutui-color-text-disabled, #999999);margin-left:var(--nutui-spacing-3, 16px)}.mj-input-password{margin-left:var(--nutui-spacing-0, 4px);font-size:var(--nutui-font-size-4, 20px);color:var(--nutui-color-text-disabled, #999999)}.mj-input-extra{margin-left:var(--nutui-spacing-1, 8px);display:flex}.mj-input-max-count{margin-left:var(--nutui-spacing-0, 4px);color:var(--nutui-color-text-disabled, #999999);font-size:var(--nutui-font-size-2, 15px)}