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 속성을 지원하지 않는 경사 장식입니다. 너비 변경을 지원하는 Double 데코레이터를 사용할 수 있습니다.