我該如何讓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裝飾器。