How to hide the background underneath the border

Solution 1:

How about background-clip: padding-box;?

Demo