Html 如何在不更改边框颜色的情况下更改边框的不透明度

当使用SCSS禁用输入边框时，我将更改其不透明度。但边框颜色来自变量：

$borderColor: #5985dc;

.my-input {
  border: 1px solid $borderColor;
}
.my-input:disabled {
  border-color: ???;
}

---

。。。或者有没有办法将颜色更改为半透明版本？

您可以使用Sass的

rgba（）

函数。它可以采用十六进制颜色值和不透明度值，并将其转换为RGBA：

$borderColor: #5985dc;

.my-input {
  border: 1px solid $borderColor;
}
.my-input:disabled {
  border-color: rgba($borderColor, 0.5);
}

---

可以使用rgba格式调整不透明度