Dashed border not showing in firefox [duplicate]

Answer 1

It's a bug, Here are all the other outstanding border-radius defects in Firefox. https://bugzilla.mozilla.org/show_bug.cgi?id=431176

old thread

Why does border: 5px dashed not come out as dashed in Firefox?

you can achieve it using image

http://www.guyroutledge.co.uk/blog/better-dotted-borders-with-border-image/

Answer 2

Your border is working on firefox see DEMO you can check it with removing radius. FireFox having bug when you tried circle with dashed border.

This is a known bug. Your options are:

• If this is just for the sake of a circle, draw it with <canvas>, e.g. as demonstrated here
• Use SVG (possibly inline), which supports various ways to stroke paths
• Just make a Image PNG