@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 2.89 kB
CSS
.nut-textarea{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;font-size:var(--nutui-font-size-2, 15px);border-radius:var(--nutui-radius-2, 12px)}.nut-textarea-container{padding:var(--nutui-textarea-padding, var(--nutui-spacing-2, 12px));background-color:var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff))}.nut-textarea-error{border:.5px solid var(--nutui-color-danger, var(--nutui-color-error, #ff4949));background-color:var(--nutui-color-danger-light, var(--nutui-color-error-background, #fff2f0))}.nut-textarea-limit{text-align:right;font-size:var(--nutui-font-size-2, 15px);line-height:var(--nutui-font-size-2, 15px);margin-top:var(--nutui-spacing-base, 8px);color:var(--nutui-color-text-help, var(--nutui-color-text-disabled, #999999))}.nut-textarea-limit-disabled{cursor:not-allowed;color:var(--nutui-color-text-disabled, #999999)}.nut-textarea-textarea{outline:none;display:block;box-sizing:border-box;width:100%;height:40px;min-width:0;margin:0;padding:0;font-size:var(--nutui-font-size-2, 15px);color:var(--nutui-textarea-text-color, var(--nutui-color-title, #0d0d0d));caret-color:var(--nutui-textarea-text-curror-color, var(--nutui-color-primary, #006dfc));text-align:left;background-color:transparent;border:0;resize:none}.nut-textarea-textarea .taro-textarea{color:var(--nutui-textarea-text-color, var(--nutui-color-title, #0d0d0d));background-color:transparent;resize:none}.nut-textarea-textarea::placeholder{color:var(--nutui-color-text-help, var(--nutui-color-text-disabled, #999999))}.nut-textarea-textarea-disabled{cursor:not-allowed;color:var(--nutui-color-text-disabled, #999999)}.nut-textarea-textarea-disabled::placeholder{color:var(--nutui-color-text-disabled, #999999)}.nut-textarea-textarea-disabled .taro-textarea{color:var(--nutui-color-text-disabled, #999999)}.nut-textarea-textarea-disabled .taro-textarea::placeholder{color:var(--nutui-color-text-disabled, #999999)}.nut-textarea.nut-textarea-rtl-limit{right:auto;left:15px}.taro-textarea{background-color:transparent;resize:none}.textarea-placeholder{color:var(--nutui-color-text-disabled, #999999)}.mj-textarea{border-radius:var(--nutui-radius-2, 12px)}.mj-textarea .nut-textarea-limit{right:var(--nutui-spacing-2, 12px)}.mj-textarea .taro-textarea{font-size:var(--nutui-textarea-font, var(--nutui-font-size-2, 15px))}.mj-textarea-underline{border-bottom:.5px solid var(--nutui-color-border, #e6e6e6)}.nut-textarea-textarea{height:var(--nutui-textarea-height, 24px)}.nut-textarea-textarea .taro-textarea::placeholder{color:var(--nutui-color-text-disabled, #999999)}.nut-textarea-disabled .nut-textarea-textarea .taro-textarea{color:var(--nutui-color-text-disabled, #999999)}.nut-textarea-container{padding:var(--nutui-spacing-3, 16px) 0}.mj-textarea-card{padding:var(--nutui-spacing-3, 16px);background:var(--nutui-color-background, #f8f8f8)}