Tabs
- Last UpdatedJun 22, 2023
- 1 minute read
You can change style for HTML elements of Tabs using CSS classes.
|
HTML Element |
CSS Class |
|---|---|
|
Tabs |
.skcn |
|
Tab |
.skt |
|
Tabs/Tab Name |
.skbt |
|
Tabs/Tab Description |
.skbd |
|
Selected Tab |
[data-skits=true] > .skt |
|
Tab Line |
.sktl |
|
Tab Body |
.sktp |
|
Tab Separator |
.sktsp |
Prefix the Custom Style Identifier of a control with the CSS Class name to apply the style to the specific control. For example:
/* Tabs1 is the Custom Style Identifier of the Tabs container. */
.Tabs1_skcn
Example
/* Change the Tabs border color to blue. */
/* Tabs1 is the Custom Style Identifier. */
.Tabs1_skcn
{
border: 1px solid blue !important;
}
Note: Suffix your CSS declarations with !important to ensure it takes precedence over normal declarations.