如何让qooxdoo的“边框无效”装饰更厚？

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

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