Textarea component CSS

warning

The content on this page is outdated and will not receive updates. For the most up-to-date functionality, refer to Setting up and managing flows.

This topic provides examples of the main CSS classes/selectors you can use to customize textarea components.

Default player CSS

You can use the following main classes/selectors to apply additional CSS styling to textarea components in a flow running the default player.

Class/Selector	Description
.page-component-textarea	The main class applied to the entire textarea component in a flow. For example, to increase the padding around all textarea components in a flow: .page-component-textarea {padding:15px}
.textarea	The main class applied to the entire text input area of the component. For example, to modify the background color of the text input area: .textarea {background:#eeeeee}

Default legacy player CSS

You can use the following classes/selectors to apply additional CSS styling to textarea components in a flow running the default legacy player.

Class/Selector	Description
.mw-bs .mw-textarea	The main class applied to the entire text input area of the component. For example, to modify the background color of the text input area: .mw-bs .mw-textarea {background:#eeeeee}