Html 自动宽度下拉菜单结合输入文本
我有一个输入文本和一个引导下拉菜单。我使用input prepend作为以下代码:Html 自动宽度下拉菜单结合输入文本,html,css,layout,twitter-bootstrap,Html,Css,Layout,Twitter Bootstrap,我有一个输入文本和一个引导下拉菜单。我使用input prepend作为以下代码: <div class="input-prepend"> <div class="btn-group"> <button id="btn-cat" class="btn" tabindex="-1" name="category">All</button> <button class="btn dropdown-toggle" data-togg
<div class="input-prepend">
<div class="btn-group">
<button id="btn-cat" class="btn" tabindex="-1" name="category">All</button>
<button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1"> <span class="caret"></span>
</button>
<ul class="dropdown-menu" id="category-menu">
<li><a href="#">Computers</a></li>
<li><a href="#">Cell Phones & Accessories</a></li>
<li><a href="#">Magazine Subscriptions</a></li>
<li><a href="#">Video Games</a></li>
<li><a href="#">Sports & Outdoors</a></li>
</ul>
</div>
<input type="text">
全部的
请参阅此处的演示:
问题是,当我选择一个长菜单项时,输入的文本将移到右侧。我想要的是像亚马逊网站上的搜索框一样的效果。你想要这样的效果吗
.input-prepend{
border: 1px solid #ccc;
width: 500px;
}
.text1{
border: 0px!important;
}