Das ist mir auch schon untergekommen: button- und a-href-Tag vertragen sich nicht. Lösung: Das a-href-Tag mit CSS als Button stylen.
Das ist mir auch schon untergekommen: button- und a-href-Tag vertragen sich nicht. Lösung: Das a-href-Tag mit CSS als Button stylen.
Und warum nicht einfach dem Button ein Formular außenrum spendieren?
Eine Klasse ist nicht notwendig. Dafür gibt es bereits seit Jahrzehnten Selektoren. Zum Beispiel:
a[href^="tel"] {
Anweisungen
}
a[href^="tel"]::before {
Anweisungen
}
Oder mit Beispielinhalt:
a[href^="tel"] {
display: inline-block;
padding: 1rem 1rem 1rem 1rem;
border: 1px solid grey;
border-radius: 0.5rem;
margin: 1rem 0rem 1rem 0rem;
}
a[href^="tel"]::before {
content: "📞";
font-size: 0.8rem;
margin-right: 0.5rem;
}
Das hat den Vorteil das nicht bei jeder Telefonnummer eine Klasse eingefügt werden muss. Oder das die CSS-Anweisungen einfach in den CSS-Teil einer anderen Webseite eingefügt werden kann.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
