设置选择高度跨浏览器

所有，跨浏览器的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

设置选择高度跨浏览器

回答

相关问题