Combobox

Combobox
Prev	1. XUL Components	Next

Combobox is composed of two parts, an input box and a popup.

CSS Definition

Description

Default Values

span.combobox

The outline of combbox

border: 0;

padding: 0;

margin: 0;

white-space: nowrap;

span.rbtnbk

Button at the right edge

background-image: url(${c:encodeURL('~./zul/img/btnbk.gif')});

background-repeat: no-repeat;

border: 1px solid #7f9db9;

border-left: none;

The way to customize the button of combobox is to change the image as follows.

span.rbtnbk{
    background-image: url(/zkdemo/green.jpg);    
}

CSS Definition	Description	Default Values
`div.comboboxpp`	Popup of combobox	`display: block;` `position: absolute;` `z-index: 88000;` `background: white;` `border: 1px solid black;` `padding: 2px;` `font-size: x-small;`
`.comboboxpp td`	Label in the popup	`white-space: nowrap;` `font-size: x-small;` `cursor: pointer;`
`.comboboxpp td span`	Descriptions in the popup	`color: #888;` `font-size: xx-small;` `padding-left: 6px;`

The way to customize the background color of popup is to change the background attribute of div.comboboxpp.

div.comboboxpp{
    background: #EEF3E2;

Prev	Up	Next
Checkbox	Home	Datebox