將一個select元素與一個按鈕元素結合

Question

如何將一個select元素與一個button元素進行綁定，並在不同的瀏覽器中使它響應？

這是它的外觀在Chrome

在即。

但在Firefox它看起來像這樣：

我嘗試添加一個div容器，並把兩個元素裏面，但它並沒有區別。

我的CSS是這樣的：

select 
{ 
    height: 30px; 
    font-size: 14px; 
    border: 1px solid #182A40; 
    margin: 0 0 20px 20px; 
} 

button 
{ 
    height: 30px; 
    width: 35px; 
    font-size: 14px; 
    border: 1px solid #182A40; 
    margin: 0; 
} 

http://jsfiddle.net/jsFiddler123/Sgyjz/

Answer 1

看看這有助於 - http://codepen.io/simonmoon/pen/Kehxi

HTML：

<div class="rap"> 
<select> 
    <option>test1</option> 
    <option>test2</option> 
    <option>test3</option> 
</select> 
<input type="button" value="go"/> 
</div> 

CSS：

div.rap { 
    height: 30px; 
} 

select { 
    vertical-align: bottom; 
    margin: 0; 
    padding: 0; 
} 

input { 
    vertical-align: bottom; 
    margin: 0; 
    padding: 0; 
}