1

無効なフォームアイテムの表示をより目立たせたいので、「border-invalid」セクションをqx / theme / modern/Decoration.jsから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 /IE9では無効になるとtextFieldの境界線が完全に消えます。私はそれを間違っていますか？

4

1 に答える 1

1

使用したデコレーターは、outerWidth プロパティをサポートしていない Beveled デコレーターです。幅の変更をサポートする Double デコレータを使用できます。

于 2012-08-23T07:49:11.917 に答える