FX.Stylesの境界線または境界線の色がMootools 1.1/1.2 NaNpxエラーを変更/設定できない

Question

これは私を怒らせるものです。FXで完璧に動作するコードがあります。 Morph 1.2.xではすべての値も1.1で動作しますが、境界線の色や境界線は機能せず、NaNpxエラーを引き起こします。

 var fx = new Fx.Styles(element,{ duration:500,wait:false }); 
      element.addEvents({ 
       'mouseenter': function() { fx.start({ 
       'background-color':'#ff8c00', 
       'border-color':'1px solid #cccccc' 
      }); 

私は、それぞれの境界線を返しますが、固体#fffff が、ボーダー色を返す4X私が推測する各境界線の#FFFFFFを1ピクセルなので、どのように私はこれを適切に宣言する必要がありMOO 1.1でチェックメソッドとgetStyle（「国境」） border-width、border-style、 私は上記をすべて試しましたが、それらのすべてがエラーを引き起こします。ほとんどの場合NaNpxあなたはモーフする1.1.2 1.2.5への変更スタイルを切り替えたときにここで

がJSfiddle がhttp://jsfiddle.net/b44Wp/8/

あり、そして今、その一例でも、1.2.5は同じエラーをtrowingされているが、それは示してい黒い境界。

私が国境を使っているように、IE7はまったく機能しません。背景色はうまくいきます。申し訳ありませんが、私たちの「親友」を含む複数のブラウザをサポートする必要があります

他のdivクラスを移行して同じ視覚効果を維持するより良い解決策をご存知の方は、助言をください。ありがとうございました！！あなたがプロパティとして 'ボーダー色' を置くべき

Answer 1

;）http://jsfiddle.net/xDWZr/

var myelement = $$('.mydiv'); 

myelement .each(function(myelement) { 
    var fx = new Fx.Styles(myelement ,{ duration:500,wait:false}); 
     myelement.addEvents({ 
      'mouseenter': function() { fx.start({ 
      'background-color':'#ff8c00', 
      'border-color':'#000000' 
     }); 
}, 
      'mouseleave': function() { fx.start({ 
      'background-color':'#ffffff', 
      'border-color':'#CCCCCC' 
     }); 
    } 
    }); 
}); 

けど... Uはまた、新しいMooToolsのバージョン（今は1.4.1です）にアップデートする必要があります;）

Answer 2

['F9F9F9'、 'cccccc']他のすべてのバージョンはボーダーを使用できます： '1px solid #cccccc'