How to simulate Chrome/Safari border around active input or textarea on other elements such as divs or iframes? -

I was using simple textarea element and then it was replaced with iFrame with the design = 'on' text and Make it italic but I still want an iframe to look like a taperea, so I need a border around it that appears in Chrome and Safari when the software is activated. How can I achieve this kind of effect?

You can get the outline of the goal in webkit like this:

  Settings: 2px Auto Red;  

Note that the width of the frame will not follow the specified width, and the color is not exactly accurate.

To use the normal focus color, you can:

  Settings: 2px auto-webkit-focus-ring-color;  

In the socks, you can use the -mose-outline-radius (works like border-radius) to get the outline of a goal Are there.