Input Submit button mit :after ausgabe

Schwundhirn

Hy Leute,

ich kämpfe jetzt seit stunden daran.
Leider ohne erfolg.

Habe drei Imput felder die mir eine feedback geben.
Mit class current und ncurrent.

jetzt möchte bei current mittels css ::after eine ausgabe machen text oder icon.

Html:

Code

<input class="current wpmudevevents-maybe-submit" type="submit" name="action_maybe" value="Vielleicht" disabled="disabled">
::after
</input>

after wird mir bereits in der Konsole angezeigt.
in der css habe ich das einmal eingefügt.
sowohl als text oder als icon aber es wird mir einfach nichts ausgeben ;(

Code

.wpmudevevents-buttons .current::after {
    content: "test";
    font-size: 20px;
    color: red;
}

wo könnte hier der fehler liegen?
PS: einen link zur seite gibt es nicht.
Da dies eine geschlossen gruppe ist

Vielen Dank für Tipps

Werbepost

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

Sailor56

Zunächst ein Hinweis... <input> hat keinen schließenden Tag </input>.
Das ::after gehört nicht in den HTML Code.

Soweit mir bekannt ist, kann man einem <input> kein :after zuordnen! Man könnte aber dem Input ein Label geben und dem dann ein ::after zuweisen.
HTML

HTML

<label class="nono"><input class="current wpmudevevents-maybe-submit" type="submit" name="action_maybe" value="Vielleicht" disabled="disabled"></label>

CSS

HTML

label.nono::after {
   content: "test";
   font-size: 20px;
   color: red;
}

Schwundhirn

Hallo Sailor,

das habe ich mir schon fast gedacht das das so nicht einfach klappt.
Ich werde mal sehen ob ich das Plugin mit dem Label anpassen kann :eek:

Vielen Dank!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Input Submit button mit :after ausgabe

Jetzt mitmachen!