• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Border-radius für buttons in Firefox

  • Ersteller Ersteller markus.zacherl
  • Erstellt am Erstellt am
M

markus.zacherl

Guest
Hallo liebe Community,

ich stehe derzeit vor folgendem Problem:
Ich will Buttons (mit input-Tag) stylen und zwar mit abgerundete Ecken (border-radius). Nun "zerstört" mir Firefox meine Buttons:

2013-04-04_1201.png

Die Alternative, die Buttons mit <a>-Tags und CSS zu stylen bietet sich mir leider nicht.
Google weiß leider auch nicht so recht weiter, vielleicht könnt ihr mir ja helfen :-)

Abschließend noch der Code, der den Button aus dem Screenshot erzeugt:
HTML:
<html>
    <head>
    </head>
    <body>
        <input type="submit" name="Button" value="Button" style="-webkit-border-radius: 5px; border-radius: 20px; background-color: blue; width: 200px; height: 100px; color: white;">
    </body>
</html>

Viele Grüße!
Markus
 
Hmm, mal davon abgesehen, dass inline-styles nur in sehr seltenden Fällen Sinn machen, und du das ganze besser in eine CSS Datei auslagerst,

probier mal noch "border: none;"

PS. Bei mir gibt es übrigens keine Probleme im Firefox, jedenfalls nicht bei der Version 20.0.
 
"border: none" löst das Problem :-)
Vielen Dank! Die inline-styles sind natürlich nur zum Vorführungszweck ;)
 
Zurück
Oben