html选择小于ie6中的html输入答案

【问题标题】：html select smaller than html input in ie6html选择小于ie6中的html输入
【发布时间】：2014-06-03 08:50:27
【问题描述】：

我的其中一个 html 表单存在一些问题。看起来因为选择下拉菜单和输入文本框的大小不同，所以我的所有控件在 ie6 中都未对齐。您可以看到，随着我们向下移动，选定日期下的所有控件都越来越不对齐。这在 Firefox 中不会发生。

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

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

谢谢

【问题讨论】：

在 IE6 中拥有完美外观的设计（或工作站点 fwiw）真的很重要吗？！
IE6（事实上开发人员仍然决定支持它）是我们无法拥有美好事物的原因
IE6 在 windows xp 上死了，我认为没有理由支持它。当唯一的问题是某样东西的外观时，只要它可以正常工作，就不要浪费时间修复它。当我们不停止支持 13 岁的软件时，什么时候才能充分发挥新技术的潜力？我知道这可能是客户要求的。但是开发人员有责任就这一主题对他们的客户进行教育。通常最好向他们展示谷歌支持他们的产品的浏览器
检查标题的 css。如果您使用的是Heading elements，则给出最小宽度
我不确定这是由于输入和选择尺寸不匹配造成的。这两个“异常类型”选择器似乎也很不合时宜。看起来这可能是一个清除问题，但如果没有看到与表单一起使用的 CSS，则无法判断。

标签： css internet-explorer-6 yaml

【解决方案1】：

为了解决这个问题，我只是使用了 yaml 条件 css foe 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;
}

【讨论】：