Css 如何使用bootstrap创建类似google的下拉搜索框
我正在使用twitter引导,并想在搜索框上创建一个下拉列表。我试图模仿gmail的搜索栏,输入搜索框的末尾有一个插入符号,点击它可以打开一个表单 我试图使用引导的下拉菜单来显示一个div,当插入符号被点击时。然而,我不能像谷歌那样将插入符号放在输入框中 看看谷歌的代码,我看到他们有一个没有边框的输入框,旁边放着一个下拉插入符号,嵌入一个带边框的div中 我无法覆盖引导输入框的border属性。有人试过吗 下面是我的代码-Css 如何使用bootstrap创建类似google的下拉搜索框,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在使用twitter引导,并想在搜索框上创建一个下拉列表。我试图模仿gmail的搜索栏,输入搜索框的末尾有一个插入符号,点击它可以打开一个表单 我试图使用引导的下拉菜单来显示一个div,当插入符号被点击时。然而,我不能像谷歌那样将插入符号放在输入框中 看看谷歌的代码,我看到他们有一个没有边框的输入框,旁边放着一个下拉插入符号,嵌入一个带边框的div中 我无法覆盖引导输入框的border属性。有人试过吗 下面是我的代码- <div class="input-append dropdown
<div class="input-append dropdown">
<input type="text" name="puesto" class="input-xlarge noBorder" placeholder="Email Address"/> <a class="dropdown-toggle btn" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
<b class="caret"></b> </a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> Hello world </ul> <button class="btn" type="button"><i class="icon-filter"></i></button> </div>
<style type="text/css"> .noBorder {border-top-width: 0px;} </style>
你好,世界
.noBorder{边框顶部宽度:0px;}
使用类帮助重写,例如:
<input class="the-input" type="text" />
是否打开以添加jquery?
input.the-input {
border: none transparent;
-webkit-box-shadow: none;
box-shadow: none;
filter:-; /* for IE */
}