Why is “border-color” overridden by “color”?

Question

I have the following css:

.isActiveFilter {
  color: black;
  background-color: rgba(0, 184, 170, .5);
  padding: 15px 10px 10px 10px;
  border-color: red;
  bor         


        

Answer 1

You used the shorthand definition of border, but didn't specify the colour so it defaulted to black. You have 2 options:

border-color: red;
border-width: 3px;
border-style: solid

or just properly use the shorthand:

border: 3px solid red;