Question

I would like to reproduce the border color made by firebug when you try to inspect the DOM element in a web page.

It looks like the border around the text “Link2” of the following image.

The border around the text “Link” is what I did. The code is visible from this link.
jsfiddle.

Can someone help me to write the css code to reproduce the border of Link2?

Thanks

Answer 1

You’ll need to use box-shadows, like this:

http://jsfiddle.net/GolezTrol/AEDsY/

.cl3 {
    -webkit-box-shadow: 0 0 3px 3px lightblue;
    -moz-box-shadow: 0 0 3px 3px lightblue;
    box-shadow: 0 0 3px 3px lightblue;
}