1. 首页
  2. 卡片 Card
  3. card-form-inpselect 输入选择

卡片 · card-form-inpselect 输入选择

输入选择卡:输入框 + 按钮连体(flex),外框主色描边圆角——input 占满余宽(无边框),右侧主色按钮固定宽;典型场景「输入关键词 → 搜索按钮」。
本页内容 连体结构

连体结构

<div class="card card-form-inpselect"> <input type="text" placeholder="输入手机号"> <button type="button" class="btn btn-small">搜索</button> </div>
提示: 按钮内置主色底 + 白字(background: var(--color-index)),不用再套 btn-index;如需换成纯输入请用 card-input。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页