@_nu/css-textarea 中文文档教程
@_nu/css-textarea
English | 简体中文
How
$ yarn add @_nu/css-textarea
Tree
@_nu/css-textarea/lib
lib
├── index.css // base style
└── skins
└── default
├── disabled.css // disabled
├── readonly.css // readonly
├── error.css // error state
├── focus.css // on focus
├── hover.css // on hover
├── resize.css // resize
└── count.css // count
API
Selector | Function |
---|---|
textarea.nu_textarea | base selector |
.nu_textarea textarea | wrap selector |
<textarea class="nu_textarea" placeholder="nu_textarea"></textarea>
<label class="nu_textarea">
<textarea placeholder="nu_textarea"></textarea>
</label>
For the sake of flexibility these two ways are equivalent.
Skins API
Selector | Function | skin |
---|---|---|
textarea:disabled | disabled textarea | disabled.css |
textarea:readonly | readonly textarea | readonly.css |
textarea:focus | focus textarea | focus.css |
textarea:hover | hover textarea | hover.css |
textarea:resize | resize textarea | resize.css |
.nutextareax | textarea count wrap | count.css |
.nutextareacount | textarea count num | count.css |
._error | error textarea | error.css |