In WebKit driven browsers, e.g. Safari, Chrome, borders with their style declared as dotted are rendered with square dots instead of round.

Is there any way to force rendering of round dots seamlessly across browsers?

Reference Test

html css webkit border
Edit
Report