Button and Option Styling
Multiple choice options, ranking items, and action buttons all share a common style. Customize them here to match your form’s look.
Properties
Background color
The fill color of option buttons and action buttons.
Text color
The color of text displayed on buttons and options.
Rounded corners
How rounded the button corners are. Set to 0 for sharp rectangles, or crank it up for pill-shaped buttons.
Border
Add a border around buttons:
- Width — border thickness
- Style — solid, dashed, dotted, etc.
- Color — border color
Shadow
Add a shadow for a raised or floating effect.
Tips
- Make sure button text is readable against the button background
- Consider how selected/active states look — the accent color is used for selected options
- Round buttons (high rounded corners) feel more friendly and modern
- Square buttons (low rounded corners) feel more formal and structured
- Keep button styling consistent with input field styling for a unified look