Gibt es eine Möglichkeit, den nativen "Durchsuchen" -Knopf bei einer Dateieingabe größer über den Browser zu machen?

Wie Sie vielleicht wissen, können Sie Ihre eigene Dateieingabesteuerung mithilfe des (Hacky) Ansatzes der Positionierung der Dateieingabe über Ihre benutzerdefinierte Schaltfläche und der Verwendung von opacity: 0 an der Dateieingabe selbst vornehmen.

Das Bild unten zeigt das beabsichtigte Design, bei dem die Dateieingabe absolut über der Durchsuchen-Schaltfläche positioniert ist.

Wie Sie sehen können, ist die faux browse-Taste viel größer als die, die der Browser (Firefox 4) gezeichnet hat.

Wenn ich die Breite der Eingabe vergrößere, scheint es ein Limit zu erreichen, wo es nicht mehr zunimmt.

Hier ist ein jsFiddle, mit dem Sie spielen können , um das Problem zu demonstrieren. Die Schaltfläche real sollte die gleiche Größe wie die falsche haben.

Gibt es eine Möglichkeit, dies zu entfernen, oder muss Ich benutze Flash oder verkleinern Sie die Schaltfläche?