設置選擇高度跨瀏覽器

所有，跨瀏覽器的CSS編碼並不是一件容易的工作。特別是對於IE瀏覽器，我經常發現在Chrome和Firefox等其他瀏覽器中可以。但在IE中不起作用。現在我用吹碼來堅持下去。請幫忙檢查一下。謝謝。 http://jsfiddle.net/malaikuangren/Ed9KU/設置選擇高度跨瀏覽器

<div> 
<select size="2"> 
     <option value="0" >0</option> 
     <option value="1" >1</option> 
     <option value="2" >2</option> 
     <option value="3" >3</option> 
     <option value="4" >4</option> 
     <option value="5" >5</option> 
     <option value="6" >6</option> 
     <option value="7" >7</option> 
     <option value="8" >8</option> 
     <option value="9" >9</option> 
     <option value="10" >10</option> 
     <option value="11" >11</option> 
     <option value="12" >12</option> 
     <option value="13" >13</option> 
     <option value="14" >14</option> 
     <option value="15" >15</option> 
     <option value="16" >16</option> 
     </select> 
</div> 

div{ 
    height:500px; 
    width:500px; 
    border:1px solid red; 
    position:relative; 
} 
select{ 
    top:0; 
    bottom:0; 
    position:absolute; 
}

來源

2013-07-29 Joe.wang

如果將'height：100％;'添加到'select' CSS，該怎麼辦？ – gvee

@ Joe.wang，呃，你在問什麼？ – AnaMaria

@AnaMaria我的問題是這段代碼只能在chrome或firefox中工作。不在IE中。謝謝。 –

繼承父DIV的高度，你的選擇標記

一樣，

select{ 
    top:0; 
    bottom:0; 
    position:absolute; 
    height: inherit; // or use 100% 
}

檢查這個Fiddle

來源

2013-07-29 13:43:29 Praveen

如果您設置的高度，它看起來不錯選擇要素到inherit或100%

來源

2013-07-29 13:44:23

設置選擇高度跨瀏覽器

回答

相關問題