YSS · 组合框（combobox）

选择器： combobox · 设计器组件： 组合框 · 按名称： combobox#名称 或 #名称

子控件 / 项： combobox:drop-down · combobox:item · combobox:item:hover

专用属性

属性	说明	映射
color / background-color	输入区文字/背景	通用
border-* / border-radius / show-border	外框	边框属性
font-size 等	字体	字体
text-align	输入区文字对齐	对齐
editable	可手动输入	可编辑
max-visible-items / dropdown-max-items	下拉最多可见行数（1–20）	最大可见项
dropdown-item-height / item-height	下拉行高（像素）	项高度 paddingB
dropdown-background-color	下拉列表背景	backColor2
item-hover-background / item-selected-background	悬停/选中行背景	悬停/按下背景色
item-hover-color / item-selected-color	悬停/选中行文字色	悬停/按下前景色
icon-size / icon-position	输入框装饰图标（非下拉项图标）	图标大小/位置
item-closable / closable-items	每项右侧 × 可删	项可关闭
hover-background-color	控件悬停（外框）	悬停背景

下拉项图标、禁用、单项可关闭等也可在代码中按索引设置。

示例

combobox#组合框1 {
    color: #E0E0E0;
    background-color: #2D2D30;
    border-color: #5A5A5A;
    border-radius: 4;
    show-border: true;
    font-size: 13;
    editable: false;
    max-visible-items: 8;
    dropdown-item-height: 26;
    dropdown-background-color: #252526;
    item-hover-background: #3E3E42;
    item-selected-background: #0E639C;
    item-selected-color: #FFFFFF;
}

combobox:item:hover {
    background-color: #3E3E42;
}

combobox:drop-down {
    background-color: #252526;
}

代码侧常用 API

组合框1.加入项目("选项 A")
组合框1.加入项目("选项 B", 假, 真, ":/img/vip.png")
组合框1.当前索引 = 0
文本 t = 组合框1.取当前文本()

组合框1.置项目禁用(1, 真)
组合框1.置项目可关闭(2, 真)
组合框1.置项目图标(0, ":/img/a.png")

函数 组合框1.项被单击 (整数 索引, 文本 项目) {
    输出 (索引, 项目)
}

说明： 属性「图标/图标位置/图标大小」仅作用于输入框左侧/右侧装饰，下拉每项图标用 加入项目 第 4 参数或 置项目图标。