css - 更改 flex 验证错误的默认颜色

Question

我看到的示例似乎展示了如何更改当用户实际将鼠标悬停在文本输入字段上时显示的颜色。

然而，当验证失败时，通用的 textInput 边框会出现一条红线。我的 CSS 文件为 textInput 使用了边框外观，所以我看不到这一行。

我希望有一种方法可以在验证失败时突出显示文本框，或者重新启用红线功能。我不想摆脱我的 CSS，因为它会完全破坏我的配色方案，但是任何允许显示错误行的调整将不胜感激。

这是 CSS:

TextInput, TextArea
{
    border-skin: Embed(source='/../assets/images/input_bg.png', scaleGridLeft=8, scaleGridRight=20, scaleGridTop=8,scaleGridBottom=9);
    padding-top:2;
    padding-left:2;
    font-size:11;
}

Answer 1

任何扩展 UIComponent 的东西(TextInput 和 TextArea 都是)都有一个叫做 errorColor 的样式。它默认为红色。您可以将其更改为您想要的任何内容。

此外，如果您有一张图像用作边框，您可能应该移除中间的像素，使其成为真正的边框而不是叠加层。