表单选择

使用您自己的 HTML 内容（例如按钮或文本）替换默认的表单选择。

用法

要应用此组件，只需将 .uk-form-select 类和 data-uk-form-select 属性添加到 <span> 和 <select> 元素周围的容器元素即可。 基本上，这会将默认的 select 元素覆盖为自定义 UIkit 表单。

示例

标记

<div class="uk-form-select" data-uk-form-select>
    <span></span>
    <select>
        <option value="">...</option>
        <option value="">...</option>
    </select>
</div>

作为按钮

将 .uk-button 类添加到容器元素，将其样式设置为按钮。

标记

<div class="uk-button uk-form-select" data-uk-form-select>...</div>

作为锚点

您可以使用任何元素，例如 <a> 作为表单选择。 只需将 {target:'a'} 选项添加到 data-uk-form-select 属性，并使用 <a> 代替 <span> 元素即可。

示例

标记

<div class="uk-form-select" data-uk-form-select="{target:'a'}">
    <a></a>
    <select>...</select>
</div>