Default"
From Documentation
m (→Events) |
|||
Line 38: | Line 38: | ||
<br /> | <br /> | ||
{{Template:ZK Style Guide CSS}} | {{Template:ZK Style Guide CSS}} | ||
+ | |.z-combo -item.z-combobox-pp .z-combo-item, | ||
+ | .z-combobox-pp .z-combo-item a, | ||
+ | |||
+ | .z-combobox-pp .z-combo-item a:visited | ||
+ | |||
+ | |Font size | ||
+ | |||
+ | |||
+ | |font-size: ${fontSizeM}; font-weight: normal; color: black; | ||
+ | |||
+ | text-decoration: none; | ||
+ | |- | ||
+ | |.z-combobox-pp .z-combo-item-text, .z-combobox-pp .z-combo-item-img | ||
+ | |||
+ | |||
+ | |Font size | ||
+ | |||
+ | |||
+ | |white-space: nowrap; font-size: ${fontSizeS}; cursor: pointer; | ||
+ | |- | ||
+ | |.z-combobox-pp .z-combo-item-inner, .z-combobox-pp .z-combo-item-cnt | ||
+ | |||
+ | |||
+ | |Color and font size of Comboitem's description and content | ||
+ | |||
+ | |||
+ | |color: #888; font-size: ${fontSizeXS}; padding-left: 6px; | ||
+ | |} | ||
{{ZKStyleGuidePageFooter}} | {{ZKStyleGuidePageFooter}} |
Revision as of 07:31, 8 September 2010
This is the Default mold for Comboitem.
Source
The CSS source for from GitHub
Structure
Events
CSS\Action | Normal (Open) | Hover | Click, Select, and Drag. | Focus | Focus and Hover | Disable |
Naming: | .z-combo-otem | -over | -seld | -ver-seld | -disd | |
Supported: | V | ! | ! | ! |
Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position
CSS Specification
Class Name | Description | Default Values |
.z-combo -item.z-combobox-pp .z-combo-item,
.z-combobox-pp .z-combo-item a, .z-combobox-pp .z-combo-item a:visited |
Font size
|
font-size: ${fontSizeM}; font-weight: normal; color: black;
text-decoration: none; |
.z-combobox-pp .z-combo-item-text, .z-combobox-pp .z-combo-item-img
|
Font size
|
white-space: nowrap; font-size: ${fontSizeS}; cursor: pointer; |
.z-combobox-pp .z-combo-item-inner, .z-combobox-pp .z-combo-item-cnt
|
Color and font size of Comboitem's description and content
|
color: #888; font-size: ${fontSizeXS}; padding-left: 6px; |