Question

这是我的测试（剥离到最低限度）

<!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输入类型=“文件”“浏览”按钮高度？

Answer 1

假设你只是想确保按钮匹配，一种可能的hackish方式是这样做，而不是试图将清除按钮的高度与文件上传按钮相匹配，你设置文件上传按钮的样式以匹配清除按钮。以下Trick向您展示了如何使用CSS或Javascript执行此操作。

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

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

祝你好运

IE7-8：'clear'按钮，高度与输入类型相同=“file”'browse'按钮

1 个答案: