You can style any element of the C1ComboBox 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.
You can apply general CSS properties such as background, text, font, border, outline, margin, padding, list, and table to applicable CSS selectors.
For a list of common individual CSS selectors and grouped CSS selectors, select the C1ComboBox control in your project, and view the drop-down list next to the CssClass property in the C1ComboBox Visual Studio Properties window.
The following table 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. The grouped CSS selectors define styles for more than one element of the C1ComboBox.
| CSS Selectors | Description |
|---|---|
| .wijmo-wijcombobox | Applies the style to the wijcombobox control. |
| .wijmo-wijcombobox-active-prev | Applies the style to the previous active wijcombobox. |
| .wijmo-wijcombobox-cell | Applies the style to the cell in the wijcombobox control |
| .wijmo-wijcombobox-input | Applies the style to the input wijcombobox. |
| .wijmo-wijcombobox-item ui-state-active | Applies the style to the active state unlisted item of the wijcombobox. |
| .wijmo-wijcombobox-item ui-state-hover | Applies the style to the hover state unlisted item of the wijcombobox. |
| .wijmo-wijcombobox-label | Applies the style to the label of the wijcombobox. |
| .wijmo-wijcombobox-list | Applies the style to the list of the wijcombobox. |
| .wijmo-wijcombobox-loading | Applies the style to the loading wijcombobox. |
| .wijmo-wijcombobox-multicolumn | Applies the style to the multicolumn wijcombobox. |
| .wijmo-wijcombobox-row | Applies the style to the wijcombobox row. |
| .wijmo-wijcombobox-rowheader | Applies the style to the rowheader of the wijcombobox. |
| .wijmo-wijcombobox-trigger | Applies the style to the triggered wijcombobox. |
| .wijmo-wijcombobox-ul | Applies the style to the unlisted wijcombobox. |
| .wijmo-wijcombobox-wrapper | Applies the style to the wrapper wijcombobox. |
