合并“输入”和一个行“选择”的声明

Question

我怎样才能得到一个很好的观点，我想有第一输入元素和select语句后.. 现在看起来是这样的：

<div class="form-group"> 
    <div class="input-group"> 
     <input class="form-control" type="text"> 
     <div class="input-group-addon"> 
      <select class="selectpicker form-control"> 
       <option value="test">Test</option> 
      </select> 
     </div> 
    </div> 
</div> 

但我想是这样的页面下面的元素：https://www.bootply.com/97519 但是用select语句来代替UL ..

Answer 1

我想你想是这样的：

.input-group-addon.select-input { 
 
    width: 20%; 
 
    padding: 0; 
 
} 
 

 
.input-group-addon.select-input select { 
 
    border: none; 
 
    height: 32px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="form-group"> 
 
    <div class="input-group"> 
 
     <input class="form-control" type="text"> 
 
     <div class="input-group-addon select-input"> 
 
      <select class="selectpicker form-control"> 
 
       <option value="test">Test</option> 
 
      </select> 
 
     </div> 
 
    </div> 
 
</div>