.vxe-textarea { position: relative; display: inline-flex; flex-direction: row; &:not(.is--cols) { width: 100%; .vxe-textarea--inner { width: 100%; } } } .vxe-textarea--readonly { color: var(--vxe-ui-font-color); display: inline-flex; } .vxe-textarea--inner { border-radius: var(--vxe-ui-base-border-radius); outline: 0; font-size: inherit; padding: 0 0.6em; color: var(--vxe-ui-font-color); line-height: inherit; border: 1px solid var(--vxe-ui-input-border-color); background-color: var(--vxe-ui-layout-background-color); display: block; padding: 0.3em 0.6em; &::placeholder { color: var(--vxe-ui-input-placeholder-color); } &:focus { border: 1px solid var(--vxe-ui-font-primary-color); } &[disabled] { cursor: not-allowed; color: var(--vxe-ui-font-disabled-color); background-color: var(--vxe-ui-input-disabled-background-color); } } .vxe-textarea--inner, .vxe-textarea--autosize { line-height: 1.5715; color: var(--vxe-ui-font-color); font-family: var(--vxe-ui-font-family); } .vxe-textarea--autosize { display: block; position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 0.3em 0.6em; word-wrap: break-word; white-space: pre-wrap; z-index: -1; visibility: hidden; } .vxe-textarea--count { position: absolute; bottom: 0.2em; right: 1.4em; padding-left: 0.2em; color: var(--vxe-ui-input-count-color); background-color: var(--vxe-ui-layout-background-color); &.is--error { color: var(--vxe-ui-input-count-error-color); } } .vxe-textarea, .vxe-textarea--autosize { font-size: var(--vxe-ui-font-size-default); &.size--medium { font-size: var(--vxe-ui-font-size-medium); } &.size--small { font-size: var(--vxe-ui-font-size-small); } &.size--mini { font-size: var(--vxe-ui-font-size-mini); } } .vxe-textarea { &:not(.is--autosize) { min-height: var(--vxe-ui-input-height-default); } &.size--medium { font-size: var(--vxe-ui-font-size-medium); &:not(.is--autosize) { min-height: var(--vxe-ui-input-height-medium); } } &.size--small { &:not(.is--autosize) { min-height: var(--vxe-ui-input-height-small); } } &.size--mini { &:not(.is--autosize) { min-height: var(--vxe-ui-input-height-mini); } } }