IE7-8: 'clear' 按钮与输入 type="file" 'browse' 按钮高度相同答案

【问题标题】：IE7-8: 'clear' button with same height as input type="file" 'browse' buttonIE7-8: 'clear' 按钮与输入 type="file" 'browse' 按钮高度相同
【发布时间】：2014-01-15 13:44:47
【问题描述】：

这是我的测试（精简到最低限度）

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <style type="text/css">
        .file-form-active-inputs { margin-left : 2px; } 
    </style>
    <title></title>
  </head>
  <body>
    <form>
      <input type="file" name="_206_0_100070" size="60" id="HASH(0x331b400)" class="form-active-inputs">  
      <button class="file-form-active-inputs">
        Button with same height as 'browse' button to the left
      </button>
    </form>
  </body>
</html>

有什么办法可以匹配按钮高度

到 IE7-8 输入 type="file" "browse" 按钮高度？

【问题讨论】：

当然，我不想重新设置整个上传控件的样式，而是使用一些特定于 IE 的 css hack 来做我想做的事情。

标签： css internet-explorer internet-explorer-8 internet-explorer-7

【解决方案1】：

假设您只想确保按钮匹配，一种可能的黑客方法是不要尝试将清除按钮的高度与文件上传按钮匹配，而是设置文件上传按钮的样式以匹配的清除按钮。下面的Trick 向您展示了如何使用 CSS 或 Javascript 来做到这一点。

如果您决定采用这种方法，我建议您使用 Javascript，因为它允许您为所有其他浏览器提供干净的标记，但仅为 IE 添加附加元素。

希望有人有一些简单的 CSS 来做你最初要求的事情，而不是必须遵循这种技术，因为它涉及更多的工作。

祝你好运

【讨论】：

我搜索并看到了这篇文章。是的，因为这是 IE 的单独代码分支而不是公共站点，所以我只是在寻找这个 IE 特定的 css hack