Css IE7-8:';清除';与输入类型高度相同的按钮=";文件"';浏览';按钮

Css IE7-8:';清除';与输入类型高度相同的按钮=";文件"';浏览';按钮,css,internet-explorer,internet-explorer-8,internet-explorer-7,Css,Internet Explorer,Internet Explorer 8,Internet Explorer 7,这是我的测试(精简到最低限度) .file表单活动输入{左边距:2px;}   与左侧“浏览”按钮高度相同的按钮 有没有办法匹配按钮的高度 对于IE7-8输入type=“file”“browse”按钮高度?假设您只是想确保按钮匹配,一种可能的黑客方法是,您可以将文件上载按钮的样式设置为与清除按钮的高度匹配,而不是尝试将清除按钮的高度与文件上载按钮的高度匹配。下面展示了如何使用CSS或Javascript实现这一点 如果您决定采用这种方法,我建议您使用Javascript,因为它允许您为所有

这是我的测试(精简到最低限度)


.file表单活动输入{左边距:2px;}
  
与左侧“浏览”按钮高度相同的按钮
有没有办法匹配按钮的高度


对于IE7-8输入type=“file”“browse”按钮高度?

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

如果您决定采用这种方法,我建议您使用Javascript,因为它允许您为所有其他浏览器创建干净的标记,但只为IE添加额外的元素

希望有人有一些简单的CSS来完成您最初要求的工作,而不是必须遵循此技术,因为它需要更多的工作


祝你好运

当然,我不想重新设计整个上传控件的样式,但要使用一些特定于IE的css黑客来做我想做的事情。我做了搜索,看到了这篇文章。是的,因为这是IE的独立代码分支,而不是公共站点,所以我只是在寻找这个IE特有的css黑客
<!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>