there are a possible way to make a translucent border, but it will make the whole element you select become translucent too.
border: 3px solid black;
opacity: 0.6;
Ayush Gupta what do you said with box-shadow is good, but you will miss all border style such as ridge, double, dotted, dashed, etc.
have you ever use <button> tag? I knew it use a default border
what I just found was that
we can achieve the same thing using the box-shadow property:
box-shadow: 0 0 0 10px rgba(0,0,0,0,0.5);
that worked well for me...
Like you did, rgba should be the way to go for this effect. I've just tried it and it worked
border : 3px solid rgba(0,0,0, .2)
for instance is working flawlessly
