Build your web apps using Smart UI
Multiline Text Box - CSS API Reference
All Common CSS variables:
Specific CSS variables for Multiline Text Box styling:
- --smart-multiline-text-box-default-width: Default width of the element.
- --smart-multiline-text-box-default-height: Default height of the element.
The following CSS selectors can be used to style Multiline Text Box:
-
smart-multiline-text-box - applied to the whole Multiline element
-
.smart-container - the container that holds all of the internals of the element. Shoudn't be used for styling.
- .smart-label - the label of the element.
-
.smart-inner-container - the container for the textarea element.
- .smart-input - the actual textarea element.
- smart-scroll-bar - the horizontal scroll bar inside the text box.
- smart-scroll-bar - the vertical scroll bar inside the text box.
- smart-resize-element - the resize element for text box resizing.
- smart-hint - the container for the hint of the element.
-
.smart-container - the container that holds all of the internals of the element. Shoudn't be used for styling.
Demo
<style> #multilinetextbox{ --smart-font-size: 20px; --smart-multiline-text-box-selection: #43abc9; --smart-multiline-text-box-selection-color: white; } </style>