css - CSS3 Rounded and Dotted borders?

Question

Is it possible to create a border in CSS3 such that they are rounded and dotted?

I'm rounding my corners but they appear solid with:

border: 1px dotted gray;
-moz-border-radius-topright: 30px 20px;
-moz-border-radius-topleft: 30px 20px;

The rest of the border is dotted but the corners are solid.

I understand that this is specific to Firefox but that's fine for now.

Thanks

Answer 1

It'a bug in firefox.see this issue,mozilla doesn't support rounded corner for dotted and dashed border.