Eingabedatei zur benutzerdefinierten Schaltflächenverschönerung (Demo)

Ich habe schon einmal einen solchen Artikel geschrieben, aber ich habe ein JS-Skript verwendet, das den Vorteil hat, dass es den Dateipfad anzeigen kann.

Wenn Sie den Pfad nicht sehen und nur die benutzerdefinierte Schaltfläche anzeigen möchten, gibt es eine andere Möglichkeit. Im Folgenden werden lediglich CSS-Techniken verwendet, um dies zu erreichen.

Der Schlüssel besteht darin, dem Dateifeld eine Schriftgröße zuzuweisen und einen relativ großen Wert festzulegen, sodass sich die Groß- und Kleinschreibung des Formulars ändert (das Erscheinungsbild ist in jedem Browser anders, aber die Groß- und Kleinschreibung hat sich geändert), wie unten gezeigt:

Eingabe{Schriftgröße:100px;}

Verwenden Sie dann Position und Transparenz, um den gewünschten Effekt zu erzielen. Der spezifische Code lautet wie folgt:

DEMO: