下拉框中显示不完全（所有浏览器）

Question

这将是我的问题，我有一个下拉这不是完全显示。我不确定哪里开始，所以这里是HTML下拉菜单，我也会提供CSS。

HTML

<div id="add_item"> 
<ul class="vert"> 
    <li> 
    <ul class="horz"> 
    <li class="name"> 
    <select style="width: 195px; padding: 0px; margin: 0px;" disabled="disabled"> 
     <option value=""></option> 
     <option value="0">0</option> 
    </select> 

    </li> 
    <li class="quantity"> 
    <select style="width: 50px; padding: 0px; margin: 0px;" disabled="disabled"> 
     <option value=""></option> 
     <option value="0">0</option> 
    </select> 
    </li> 
    </ul> 

    </li> 
</ul> 
</div> 

原因代码有下拉作为被禁用，因为它是动态的，周围的HTML是除了具有可供选择的方案，不再被禁用相同。

CSS

div#byitem ul.horz li.name { 
background:transparent none repeat scroll 0 0; 
display:block; 
font-size:11px; 
font-weight:bold; 
width:195px; 
} 

div#byitem ul.horz { 
background:transparent none repeat scroll 0 0; 
clear:left; 
list-style-type:none; 
margin:0; 
padding:0; 
} 

div#byitem ul.vert li { 
background:transparent none repeat scroll 0 0; 
height:14px; 
margin:0; 
padding:0; 
} 

div#byitem ul.vert { 
background:transparent none repeat scroll 0 0; 
list-style-type:none; 
margin:0; 
padding:0; 
width:540px; 
} 

element.style { 
margin-bottom:0; 
margin-left:0; 
margin-right:0; 
margin-top:0; 
padding-bottom:0; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
width:195px; 
} 
#content form select { 
margin:0 0 4px 4px; 
z-index:1; 
} 
html, body, div, p, form, input, select, textarea, fieldset { 
-x-system-font:none; 
color:#333333; 
font-family:Arial,Helvetica,Verdana,sans-serif; 
font-size:11px; 
font-size-adjust:none; 
font-stretch:normal; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
line-height:15px; 
} 
* { 
margin:0; 
padding:0; 
} 

感谢您的任何建议。

编辑

我已经添加了对CSS的下拉菜单中包含的申报单。此外转产高度不会有所作为。两个下拉（Item和Quantity）之间的唯一区别就是宽度。改变Item的宽度并没有什么区别。

拿出添加其他项目链接作为被怀疑是一个问题没有改变。另外我正在Firefox中进行我的开发，我刚从Safari发布了截图。

Answer 1

看起来你正在设置“line-height：15px;”在“选择”元素上。删除它，看看它是否解决了这个问题。

Answer 2

如果你的元素风格是相同类型的所有相同的（除了宽度），这似乎是唯一可能的罪魁祸首是页面周围的元素。例如，有问题的下拉菜单下的“添加其他项目”链接的css/html是什么？

Answer 3

我建议在Firefox中Firebug插件来检查你的页面。它可以显示和更改分配给元素的CSS样式，并且您将立即解决问题。

Answer 4

它未必是DDL，但页面上的其他东西，可以覆盖它的一部分。在FireFox中，请尝试位于DDL底部的空白处的“Inspecting Element”。

Answer 5

下拉可能没有差异;但是，根据您提供的代码，在包含它们的LI中有所不同。

你有一个基本样式为所有列表项设置，但你也有li.name定义的特定风格。我会专注于div#byitem ul.horz li.name风格。没有足够的代码让我在本地重现它，但我的猜测是display: block是罪魁祸首。

Answer 6

是杰罗米正确的，所不同的是在包含选择Li和周围的元素考虑你是漂浮在李的。

尝试改变下列风格的高度，看看你的结果是什么。

div#byitem ul.vert li { 
    background:transparent none repeat scroll 0 0; 
    height:17px; 
    margin:0; 
    padding:0; 
} 

希望可以帮助您追踪它。

Answer 7

即使最终没有解决问题，我也强烈建议从li和select元素中提取height:声明。显示尺寸将取决于浏览器使用的字体。由于您无法控制用户计算机上安装的字体，因此无法保证浏览器将使用哪种字体。那些高度迟早会引起你的问题（也可能是你当前问题的原因）。