Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 28, 2024 at 12:46 pm #1459959
    Markus_Hiersche

    Hallo,
    da ich meine Webseite Barrierefrei erstellen möchte (muss), bitte ich um Unterstützung, wie ich in der Suchleiste das Wort “Suche” mittels CSS die Farbe ändern kann.
    Dies betrifft sowohl im Menü oben, wenn man auf das Such.Icon klickt als auch als Widget im Footer.
    Die Usereingabe ist im richtigen dunklen Farbton, nur das vordefinierte Wort “Suche”, bevor man was eingibt, würde ich gerne anpassen.
    Für jede Hilfe wäre ich Dankbar.
    Danke!
    LG.
    Markus

    June 28, 2024 at 1:28 pm #1459965
    Guenni007

    schau mal ob du noch für andere Browser suffixe benötigst:
    z.B. ::-webkit-input-placeholder

    ::placeholder {
  font-weight: bold;
  opacity: 1 !important;
  color: red !important;
}

    and by the way: https://css-tricks.com/almanac/selectors/p/placeholder-shown/

    by the way:
    der Doppelpunkt is hier beim Placeholder wichtig – wohingegen, das Eingabefeld dieses nicht benötigt.

    input:placeholder-shown {
  border: 1px dashed red !important;
}

input::placeholder {
  color: red !important;
  opacity: 1 !important;
}
    June 28, 2024 at 2:12 pm #1459982
    Markus_Hiersche

    @Guenni007
    Vielen lieben Dank für die schnelle Lösung.
    Folgendes war, das was bei mir geholfen hat. ;-)
    input::placeholder {
    color: #333333 !important;
    opacity: 1 !important;
    }
    Danke!

    June 28, 2024 at 5:23 pm #1459999
    Rikard

    Hi,

    Great, I’m glad that @guenni007 could help you out :-)

    Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    June 28, 2024 at 5:28 pm #1460001
    Markus_Hiersche

    Hello mr. @Rikard,
    Guenni007 has resolved my CSS-Problem.
    You can close this topic.
    Thank you.
    Best regards
    Markus from Vienna.

    Ps.: Sry, my english is not so good ;-)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘CSS – Suche anpassen’ is closed to new replies.