html选择小于ie6中的html输入

Question

我的某个html表单存在一些问题。它看起来是因为选择下拉菜单和输入文本框的大小不同，我的所有控件都在ie6中未对齐。您可以看到，当我们关闭时，所选日期下的所有控件都会越来越不对齐。这在firefox中不会发生。

我使用yaml作为我的css框架，我认为它会被覆盖，但它似乎不是。有人可以给我一个关于如何使控件大小相同或者给出关于替代修复的想法的想法。

我已经将表单的html放在这里...... http://pastebin.com/cVrVadQf

感谢

Answer 1

为了解决这个问题，我只是捎带在yaml条件css敌人ie6上。我添加了自己的样式表，如下所示......

<!--[if lte IE 7]>
<link href="resources/css/custom-myer-ie6.css" rel="stylesheet" type="text/css" />
<link href="resources/css/yaml/yaml/core/iehacks.css" rel="stylesheet" type="text/css" />
<![endif]-->

然后添加了一些简单的样式以确保对齐正常......

.ym-form .ym-fbox-select select#businessDateFilterType, 
.ym-form .ym-fbox-select select#exceptionFilterType {
    margin:2px !important;
}

.ym-form .ym-fbox-select select#registerFilterType,
.ym-form .ym-fbox-select select#teamMemberFilterType {
    margin:4px !important;
}

.ym-form fieldset.border {
    border: none !important;
}