Dashed border not showing in firefox

Question

I have a radius div with 5px dashed border, but border not show properly in Firefox. It show well in IE and chrome.

 div{
        height:100px;
        width: 100px;
        background-color: #ccc;
        border-radius: 50%;
        border:5px dashed #333;
    }

Sorry, I didn't see `dashed`... It seems that it doesn't work in FF. — Vucko, Oct 14 '14 at 07:14
I don't how its work for you, i am also check with all resolution on my machine. — Mukul Kant, Oct 14 '14 at 07:15
It's a bug. See [this question](http://stackoverflow.com/questions/13725351/css-border-radius-for-dotted-border). And [this one](http://stackoverflow.com/questions/4756049/why-does-border-5px-dashed-not-come-out-as-dashed-in-firefox) — Michel, Oct 14 '14 at 07:17
Looks like a duplicate of the question @Michel refers to, although it is titled just “CSS border radius for dotted border”—but the underlying bug is the same. — Jukka K. Korpela, Oct 14 '14 at 07:23
Sure its duplicate, but it deserve proper answer acceptable ans. — Manwal, Oct 14 '14 at 08:27

score 12 · Accepted Answer · edited May 23 '17 at 12:18

12

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

edited May 23 '17 at 12:18

Community

answered Oct 14 '14 at 07:16

Manwal

score 3 · Answer 2 · edited May 23 '17 at 10:29

3

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

you can achieve it using image

edited May 23 '17 at 10:29

Community

answered Oct 14 '14 at 07:23

This is an uncredited copy from http://stackoverflow.com/questions/4756049/why-does-border-5px-dashed-not-come-out-as-dashed-in-firefox – Jukka K. Korpela Oct 14 '14 at 07:25
yes it is, i am providing the information here how to achieve it along with second link. – Manjunath Siddappa Oct 14 '14 at 07:27

2 Answers2