css - 重新创建亚马逊过滤器的样式?

标签 css styles uisearchbar

<分区>

我想要一个类似的应用程序搜索过滤器。我有一个带有输入框和转到按钮的下拉列表?任何人都可以为它重新创建 css 吗?

enter image description here

最佳答案

这对于 Bootstrap 来说非常简单.学习吧!

jsfiddle:DEMO

<div class="input-group">
    <div class="input-group-btn">
        <button type="button" class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
            </ul>
        </div>
        <input type="text" class="form-control"/>
        <span class="input-group-btn">
            <button class="btn btn-inverse" type="button">Go!</button>
        </span>
    </div>
</div>

关于css - 重新创建亚马逊过滤器的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16530394/

上一篇:html - 调整窗口大小时如何防止我的对象继续移动?

下一篇:css - 如何仅使用打印样式表在新选项卡中打开当前页面?

相关文章:

css - 是否可以检查是否定义了 CSS 变量?

javascript - CSS/Javascript 强制 html 表格行在一行上

wpf - 更改 WPF 组合框的边框颜色

ios - UISearchBar范围栏在iOS7中不可见

javascript - 在 HTML 5 中垂直对齐 div

html - 背景图片未覆盖整个页面

android - Base.Widget.AppCompat.Button 与 Widget.AppCompat.Button

wpf - 继承样式或以编程方式查找样式

ios - UISearchBar 自定义角

ios - UISearchBar 在操作文本字段时移动