How do I make a transparent border with CSS?

Question

I have an li styled as follows:

li{
    display:inline-block;
    padding:5px;
    border:1px solid none;
}
li:hover{
    border:1px solid #FC0;         


        

Answer 1

Use transparent property

border-color : transparent;