IE7-8：入力タイプ=「ファイル」と同じ高さの「クリア」ボタンボタンを「参照」

ここでは、（最小にストリップダウン）私のテストIE7-8：入力タイプ=「ファイル」と同じ高さの「クリア」ボタンボタンを「参照」

<!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入力タイプ= "ファイル" "ブラウズ"ボタンの高さ？

出典

2010-12-29 jonny

はもちろん、私は、全体のアップロードコントロールのスタイルを変更しないようにしたいが、私はやりたいために、いくつかのIE固有のCSSハックを使用しないでください。 – jonny

ボタンが一致していることを確認したいと仮定すると、クリアボタンの高さをFile Uploadボタンに合わせるのではなく、File Uploadボタンをスタイルクリアボタンのもの次のTrickは、CSSまたはJavascriptを使用してこれを行う方法を示しています。

このアプローチに従うことを決めた場合は、他のすべてのブラウザではマークアップをクリアすることができますが、IEの追加要素のみを追加できるので、Javascriptで行うことをお勧めします。

うまくいけば、誰かがこのテクニックに従わなければならないのではなく、あなたが元々求めていることをやるための簡単なCSSがあります。

グッドラック

出典

2010-12-29 15:24:03

私は私の検索を行い、この記事を見ました。そして、これはIEとパブリックサイトでは別々のコードブランチであるため、IE固有のCSSハックを探しています – jonny

IE7-8：入力タイプ=「ファイル」と同じ高さの「クリア」ボタンボタンを「参照」

答えて

関連する問題