qooxdoo - 如何让 qooxdoo 的“border-invalid”装饰器变厚？

Question

我想让无效表单项的指示更加突出，所以我将 qx/theme/modern/Decoration.js 中的“border-invalid”部分复制到 myapp/theme/Decoration.js 并添加了“outerWidth : 4”：

qx.Theme.define("myapp.theme.Decoration",
{
    extend : qx.theme.modern.Decoration,

    decorations :
    {
        "border-invalid" :
        {
            decorator : qx.ui.decoration.Beveled,

            style :
            {
                outerColor : "invalid",
                innerColor : "border-inner-input",
                innerOpacity : 0.5,
                backgroundImage : "decoration/form/input.png",
                backgroundRepeat : "repeat-x",
                backgroundColor : "background-light",
                outerWidth: 4
            }
        }
    }
});

然而，这并没有奏效。在 Linux/chrome 中它似乎根本没有效果，而在 Windows Vista/IE 9 中，textField 边框在无效时会完全消失！我做错了吗？

Answer 1

您使用的装饰器是不支持 outerWidth 属性的 Beveled 装饰器。您可以使用支持宽度更改的 Double 装饰器。