Text-Button (transparent) mit Mouseover

  • Hallo,
    wer kann mir sagen, mit welchem html code ich folgendes hinbekomme:
    Ich will einen Textbutton, der nur einen Rand besitzt (der Hintergrund soll durchscheinen) und in einer bestimmten Größe sowie Frabe erscheinen soll als Link anklicken können. Bei mouseover soll der Button farblich gefüllt werden, Text soll weiterhin, aber in anderer Farbe erscheinen. Wie mache ich das?

    Geht das nur mit Text als z.B. PNG-Grafik? Das wäre bisher meine Grundlage:

    <a href="Link"><img src="Standardbild-Text" alt="" onmouseover=
    "this.src='Mouseoverbild'" onmouseout="this.src='Standardbild-Text'" /></a>


    Das habe ich auch schon herausgefunden:

    <p style="padding: 4px; border: 2px solid #9fb7b9; text-align: right;">Mehr Informationen</p>

    Danke für jede Antwort!!

    Wenn ich den See seh, brauch ich kein Meer mehr.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Normalerweise macht man sowas alleine mit CSS hover, ohne Script Events.

    Mit WordPress hat es allerdings nichts zu tun, evtl. wäre ein HTML/CSS-Forum dafür generell besser, auch da vermutlich noch weitere, ähnliche Fragen entstehen werden.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!