Css 为什么是；边框颜色“；被“覆盖”；颜色；？

我有以下css：

.isActiveFilter {
  color: black;
  background-color: rgba(0, 184, 170, .5);
  padding: 15px 10px 10px 10px;
  border-color: red;
  border: 3px solid;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
}

由于某种原因，边框颜色呈现为黑色，而不是我预期的红色，因为

边框颜色

设置在

颜色

之后。想法？

#有效{
边框：3倍实心；
边框颜色：红色；
}
#破碎的{
边框颜色：红色；
边框：3倍实心；
}

一些文本

---

不起作用

您使用了边框的简写定义，但没有指定颜色，因此默认为黑色。您有两种选择：

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

或者只是正确地使用速记：

border: 3px solid red;

---

尝试删除

边框颜色：红色和更改
边框：3倍实体至
边框：3倍纯红

为什么“边框颜色”被“颜色”覆盖。。。。边框颜色呈现为黑色，而不是我预期的红色，因为
border color
设置在
color
之后。想法

您的问题在于如何声明
边框-
属性：

border-color: red;  /* sets the border color to red */
border: 3px solid;  /* sets the border color to default (black) */

您正在使用
边框
对所有边框属性进行速记，并且由于您没有在
边框
中指定任何颜色，因此将其设置为默认颜色，在本例中为
黑色
。既然您在
边框颜色
之后声明了
边框
，那么您就在
红色
和
黑色
之间骑行了

只需删除
边框颜色
，并在
边框
属性中指定任何边框颜色

border-color: red;      /* <-- REMOVE THIS LINE */
border: 3px solid red;  /* set the border color here */

边框颜色：红色；/*
border
CSS属性是一个速记属性<代码>边框宽度
，
边框样式
，以及
边框颜色
。。。表示边框颜色的
。如果未设置，其默认值是元素的
颜色
属性（文本颜色，而不是背景颜色）的值

短边
边框：3px实心（无颜色），然后从元素的
color
值继承颜色。例1：


span{
颜色：蓝色；
边框：3倍实心；
}
文本示例
我只想向您展示关于在单独类中定义的边框颜色的所有案例


正文{
颜色：蓝色；
}
colorbefore先生{
边框颜色：红色；
}
.容易订购{
左边框：3倍实心；
}
.complexB已订购{
左边框宽度：3px；
左边框样式：实心；
}
.colorafter{
边框颜色：红色；
}

蓝色
蓝色
红色
红色
红色
根据-“A表示边框的颜色。如果未设置，其默认值是元素的颜色属性值（文本颜色，而不是背景颜色）。@Pangloss，感谢您的澄清。相应地更新了答案。答案应已被接受。