我想使用bootstrap css:
我写了一个jsfiddle来做我的测试:
http://jsfiddle.net/xr4uofje/
<div class="container"> <div class="col-lg-6"> <div class="input-group"> <input class="input-group-addon" size="8" type="text"> <span class="input-group-btn"> <select class="form-control"></select> <button type="button" class="btn btn-default">Get</button> </span> </div> </div> </div>
解决方法
你可以把这种类型的元素
HTML
<div class="container"> <div class="col-lg-6"> <div class="input-group my-group"> <input type="text" class="form-control" name="snpid" placeholder="Test"/> <select id="lunch" class="selectpicker form-control" data-live-search="true" title="Please select a lunch ..."> <option>Hot Dog,Fries and a Soda</option> <option>Burger,Shake and a Smile</option> <option>Sugar,Spice and all things nice</option> <option>Baby Back Ribs</option> <option>A really really long option made to illustrate an issue with the live search in an inline form</option> </select> <span class="input-group-btn"> <button class="btn btn-default my-group-button" type="submit">GO!</button> </span> </div> </div> <div>
CSS
.my-group .form-control{ width:50%; }
JQUERY
if ( $.browser.webkit ) { $(".my-group-button").css("height","+=1px"); }
原文地址:https://www.jb51.cc/css/214568.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。