IE7-8: ‚clear‘ Taste mit gleicher Höhe wie input type = „file“ Schaltfläche ‚Durchsuchen‘

Hier ist mein Test (abgespeckte auf ein Minimum)IE7-8: ‚clear‘ Taste mit gleicher Höhe wie input type = „file“ Schaltfläche ‚Durchsuchen‘

<!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>

Gibt es eine Möglichkeit Schaltfläche Höhe anzupassen

zu einem IE7-8 Eingabetyp = "Datei" "browse" Button Höhe?

Quelle

2010-12-29 jonny

Natürlich will ich nicht, nicht ganze Upload-Steuerelement, restyle aber einige IE-spezifische CSS-Hack verwenden zu tun, was ich tun will. – jonny

Angenommen, Sie möchten nur sicherstellen, dass die Schaltflächen übereinstimmen, ist ein möglicher hackischer Weg dies zu tun, anstatt zu versuchen, die Höhe der Schaltfläche zum Hochladen der Schaltfläche anzupassen, Sie stylen die Datei Hochladen-Schaltfläche entsprechend das des freien Knopfes. Die folgende Anleitung zeigt Ihnen, wie Sie dies mit CSS oder Javascript tun.

Wenn Sie sich entscheiden, diesem Ansatz zu folgen, würde ich empfehlen, dass Sie es mit Javascript machen, weil Sie sauberes Markup für alle anderen Browser haben, aber die zusätzlichen Elemente nur für IE hinzufügen.

Hoffentlich hat jemand ein einfaches CSS, um das zu tun, wonach Sie ursprünglich gefragt haben, anstatt diese Technik befolgen zu müssen, da es mehr Arbeit erfordert.

Good Luck

Quelle

2010-12-29 15:24:03

Ich habe meine Suche und diesen Artikel gesehen. Und ja, da dies ein separater Code-Zweig für IE und keine öffentliche Site ist, suche ich nur nach diesem IE-spezifischen CSS-Hack – jonny

IE7-8: ‚clear‘ Taste mit gleicher Höhe wie input type = „file“ Schaltfläche ‚Durchsuchen‘

Antwort

Verwandte Themen