Checkbox 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 checkbox components.

Default player CSS

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

• .page-component-checkbox: The main class applied to checkbox components. For example, to increase the padding around all checkbox components in a flow is .page-component-checkbox.
• .checkbox: The main class: applied to checkbox input elements. For example, to increase the padding around all checkbox input elements in a flow is .checkbox.

Default legacy player CSS

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

• .mw-bs .mw-checkbox: The main class applied to the entire checkbox component within a flow.For example, to increase the padding around the checkbox component is .mw-bs .mw-checkbox.