Input 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 input components.

Default player CSS

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

Class/Selector	Description
.page-component-input	The main class applied to the entire input component in a flow. For example, to increase the padding around all input components in a flow: .page-component-input {padding:15px}
.input	The main class applied to the input element. For example, to increase the padding around all input elements in a flow: .input {padding:15px}

Default legacy player CSS

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

Class/Selector	Description
.mw-bs .input	The main class applied to form <input> elements of the component. For example, to modify the background color of an input field: .mw-bs .input {background:#cccccc}
.mw-bs .form-control	The main Bootstrap class applied to textual form <input> elements. For example, to set the background of a text input field: .mw-bs .form-control {background:#cccccc}