Schriftfarbe einer Eingabeform verändern

Da ich neulich feststellen musste dass sich meine Seite nicht ganz als benutzbar herausgestellt hat musste ich daran etwas ändern.

Das Problem war folgendes:
Das Textfeld für die Suche hat als Hintergrundfarbe weiß, was ja prinzipiell nicht schlecht ist, weil es viele Farben gibt die zu weiß einen lesbaren Kontrast schaffen.
Dummerweise war als Textfarbe jedoch ein Blauton gewählt den man am ehesten fünf Zentimeter neben der Sonne an einem schönen Sommertag wiederfindet.

Wer sich das nicht vorstellen kann, dem sei gesagt es handelt sich dabei um einen nahezu weißen Farbton. Wir haben also fastweißesblau auf weiß. Macht keinen guten Kontrast.

Abhilfe schafft die Änderung der Datei Search Form – searchform.php die man in WordPress erreicht über: Darstellung -> Editor -> Rechts aus der Liste wählen

Man erhält einen Texteditor in dem der PHP-Code des Suchformulars dargestellt ist.

Mit folgendem Code habe ich dann meine derzeitige Suchbox erhalten:

1
< form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">< input size="12" span style="color:#000000;" type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" autocomplete="on"/>< input class="btn" type="submit" id="searchsubmit" value="<?php _e('Search',TEMPLATE_DOMAIN); ?>" />< /form>

Der wichtige Teil hierbei ist:

1
span style="color:#000000;"

Damit kann man die Farbe festlegen, als hexadezimale Codierung für RGB, wobei ich für die Reihenfolge keine Haftung übernehmen möchte, da ich einfach nur eine schwarze Schrift haben möchte.

Man beachte: Da diese Webseite natürlich auch PHP-Skripte verwendet kann der Code nicht einfach eingefügt werden, da es sonst zu Fehlinterpretationen kommt, daher habe ich nach jeder öffnenden spitzen Klammer (<) ein Leerzeichen eingefügt um die Steuerzeichen zu umgehen. Falls jemand den Code kopieren möchte muss dies berücksichtigt werden.

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne (keine Bewertung bisher)
Loading...
Mittwoch, 4. März 2009 Allgemeines

1 Kommentar zu Schriftfarbe einer Eingabeform verändern

  • Thomas sagt:

    Wie wäre es mit &lt; und &gt; für < und >?

  • Kommentar abgeben

     
    profile for Arsenal on Stack Exchange, a network of free, community-driven Q&A sites

    PayPal-Spende



    • Hosted by netcup.de

    Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

    Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

    Schließen