javascript - Adding a rounded similar to border-radius to outline

Question

Using CSS3 I would like to know if there is any way to create a rounded effect to an outline property.

Maybe a CSS Hack or a JS option possible whitout using jQuery. The effect I would like to achive is similar looks like

border-radius: 10px;

this is my code

.focus {
    outline:whitesmoke solid 3px; 
}

I would need for webkit.

EDIT: After some research and how suggested, such property is not implemented in webkit.