CSS Selectors

You can style any C1Input elements using CSS styles to make their appearance truly unique. To make the customization process easier, ComponentOne includes CSS selectors for each of its six built-in themes. For more information on themes, see Built-in Themes.

You can apply general CSS properties such as background, text, font, border, outline, margin, padding, list, and table to applicable CSS selectors.

The following topic details the common individual CSS selectors and grouped CSS selectors. You can combine the individual CSS selectors as a group to make the CSS selector more specific and strong.

CSS Selectors	Description
.wijmo-input-trigger	Applies the style to the trigger button.
.wijmo-wijinput-spinner	Applies the style to the spinner button.
.wijmo-wijinput-spinup	Applies the style to the up spin button.
.wijmo-wijinput-spindown	Applies the style to the down spin button.
.wijmo-wijinput-input	Applies the style to the outmost container for all the input types.
.wijmo-wijinput-mask	Applies the style to the outmost container for the mask input (C1InputMask).
.wijmo-wijinput-numeric	Applies the style to the outmost container for the number input types (C1InputNumeric, C1InputCurrencyand C1InputPercent).
.wijmo-wijinput-date	Applies the style to the outmost container for the date input types (C1InputDate).
.wijmo-wijinput-wrapper	Applies the style to the direct wrapper for the input element.
.wijmo-wijinput ui-state-focus	Applies the style to the outmost container for all the input types when it is in focused state.