<#def title = "选择框样式"/> <#def keyword = "ZhiqimUI"/> <#def desc = "选择框样式是参考选择按钮设计出有颜色设定下拉列表的样式。选择框是一种下拉列表样式，目标是和表单选择按钮联动，实现跨浏览器且更美观的样式。"/> <#def prevUrl = "radio.htm"/> <#def nextUrl = "editable.htm"/> ${zhiqim_com_header()} ${zhiqim_com_topnav()}
${zhiqim_com_ui("tutorial", "ui", "form", "select")}
${zhiqim_com_breadcrumb("文库", "教程", "选择框样式")}
<#-- 标题 -->

选择框样式：

选择框样式是参考选择按钮设计出有颜色设定下拉列表的样式。选择框是一种下拉列表样式，目标是和表单选择按钮联动，实现跨浏览器且更美观的样式。

<#-- 一、简单选择按钮转选择框 -->
一、简单选择按钮转选择框
1、原始选择按钮： 





    2、转化后的选择框（增加角色data-role="z-select"和颜色data-class="z-cyan"）




    
    
    
    
    





    
    
    





    
    
    





    
    
    





<#-- 二、模糊输入匹配可选选择框 -->

二、模糊选择框






    可模糊搜索的选择框：
    AAAA
    
    湖南省
    江西省
    
    





${zhiqim_com_chapter()}










${zhiqim_com_footer()}