ExtJS更改焦点元素的边框颜色

Question

我正在尝试在ExtJS应用程序中更改默认的焦点边框颜色。目前，我使用ExtJS 6及其默认的Theme-Triton ...

是否有一种方法可以修改CSS属性以影响所有元素并将焦点边框颜色从蓝色更改为红色（例如）？

Answer 1

您可以创建自己的自定义主题并将其扩展到"theme-triton"，然后可以创建具有自定义颜色的SCSS文件，例如$form-field-focus-border-color: #ff1744，以更改表单中焦点项目的边框颜色

查看如何创建自定义主题here

否则，如果您不想创建自己的主题，则可以尝试编辑应用于要编辑的元素的css类：

.x-form-trigger-wrap-focus{
    border-color:#ff1744 !important;
}