submit-button FontAwesome-Icon

[jewo]

Hallo,

ich möchte gerne das FontAwesome Icon "Search" auf dem Submit-button eines einfachen Suchfeldes anzeigen. FontAwesome ist eingebunden und funktioniert auch. Ich habe schon versucht, das "search_simple" Template anzupassen, in dem ich das Attribut "value" mit verschiedenen Angaben gefüttert habe - hat aber nicht geklappt. Wie bekommt man das hin?

[Andreas]

Du kannst die Zeichen über die Hexadezimal- oder Dezimalschreibweise ausgeben.

Hexadezimal


Dezimal
 

Oder du änderst das input type submit nach button type submit, dann reicht es, wenn du die fa-Klassen dort benutzt. Seltsamerweise sind die CSS-Pseudo-Elemente :before und :after wohl aus Sicherheitsgründen für inputs gesperrt, für buttons aber (noch) nicht.

[jewo]

Super - Danke!
Auf die Idee mit ::before war ich auch schon gekommen und hatte mich gewundert, warum das nicht funktionierte. Habe es jetzt als Hexadezimalwert ins Template eingefügt. Kaum macht man's richtig, schon funktioniert's.