Identisches Aussehen für <a> und <button> per CSS

[Sven Rautenberg]

Moin!

Es geht darum, dass ein <a> Element genauso aussehen soll, wie ein entsprechendes <button> Element. Ziel ist es, dass zu den Formularbuttons auf meiner Seite ebenfalls Links definieren werden können, die genauso aussehen und sich genauso verhalten, wie der Button.

Für Blitzdenker, denen nun sofort ein <button type="button" onclick="...">Button</button> einfällt sei an dieser Stelle gleich gesagt: Das ganze muss ohne JavaScript laufen - sonst wär´s ja zu einfach für die Forumgemeinde. ;-)

<form action="linkzielseite"><button type="submit">whatever</button></form>

Funzt ohne Javascript. Wäre nur noch passend zu positionieren - und ggf. durch Hinzufügen von einem Blockelement in das <form> valide in Strict zu machen.

- Sven Rautenberg