IE7-8: кнопка «очистить» с той же высотой, что и тип ввода = «файл» кнопка «Обзор» - PullRequest
Новая
       11

IE7-8: кнопка «очистить» с той же высотой, что и тип ввода = «файл» кнопка «Обзор»

0 голосов
/ 29 декабря 2010

Вот мой тест (сокращен до минимума) 

<!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"высота кнопки?

1 Ответ

0 голосов
/ 29 декабря 2010

Предполагая, что вы просто хотите убедиться, что кнопки совпадают, один из возможных хакерских способов сделать это - вместо того, чтобы пытаться сопоставить высоту вашей кнопки очистки с кнопкой «Загрузить файл», вы стилизуете кнопку «Загрузить файл», кнопки очистки. Следующий трюк показывает, как это сделать с помощью CSS или Javascript.

Если вы решите следовать этому подходу, я бы порекомендовал вам сделать это с Javascript, поскольку он позволяет вам иметь чистую разметку для всех других браузеров, но добавлять дополнительные элементы только для IE.

Надеюсь, у кого-то есть простой CSS для выполнения того, о чем вы изначально просили, вместо того, чтобы следовать этой методике, поскольку это требует больше работы.

Удачи

...