Css 引导程序4:根颜色显示无效的属性值

我尝试使用bootstrap 4:Root color属性，但得到错误无效的属性值

我还检查了引导文档，没有发现任何内容

有人能帮助我如何使用bootstrap 4:root属性吗

检查下面我试图实现但失败的代码片段

也不是我在netbeans中得到错误

提前谢谢

：根{ -蓝色：007bff； -靛蓝：6610f2； -紫色：6f42c1； -粉红色：e83e8c； -红色：dc3545； -橙色：fd7e14； -黄色：ffc107； -绿色:28a745 ;； -teal:20c997； -青色：17a2b8； -白色：fff； -灰色：6c757d； -灰黑色：343A4； -初级：007bff； -中学：6c757d； -成功：28a745； -资料:17a2b8 ;； -警告：ffc107； -危险：dc3545； -灯光：f8f9fa； -深色：343A4； -断点xs:0； -断点sm:576px； -断点md:768px； -断点lg:992px； -断点xl:1200px； } .frm输入：焦点{ 边框颜色：-黄色； }

---

你的语法有错误。试试这个：

.frm-input:focus {
  border-color: var(--yellow);
}

另外，：root选择器或伪类不随Bootstrap4提供，它是一个CSS内置特性。您可以在中阅读更多关于它的信息。简而言之，它指的是文档的根元素。总而言之，您是为文档的根元素定义的，它与引导无关

此外，Netbeans还没有实现对CSS变量的支持。用var-。。。在您的情况下，它将是：

.frm-input:focus {
  border-color: var(--yellow);
}

演示：

还要注意：Netbeans目前不支持CSS变量

---

相关：

很好，它可以工作，但为什么我会在netbeans中出错呢。请检查我的映像插件。不幸的是，我还没有使用netbeans。据我所知，一些IDE不支持CSS变量。Netbeans似乎不支持CSS变量。