Question

这让我很生气，我有一个与FX完美配合的代码。 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'
            });

我检查了moo 1.1中的getStyle（'border'）返回1px solid #fffff 但是我想，边框颜色会为每个边框返回4x #ffffff，所以我应该如何正确地声明这个，每个边框，边框宽度，边框样式，我已经尝试了以上所有，并且所有这些都是错误的。大多数情况下NaNpx

这是JSfiddle http://jsfiddle.net/b44Wp/8/

当您从1.1.2切换到1.2.5时，将样式更改为变形，现在在该示例中，甚至1.2.5也会出现相同的错误但显示黑色边框。

as sonn和我使用边框IE7根本不起作用，背景颜色工作正常。对不起，我必须支持多种浏览器，包括我们的“最好的朋友”

如果您知道更好的解决方案，只需转换另一个div类并保持相同的视觉效果，请告知。谢谢!!

Answer 1

你应该把'border-color'作为属性;）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'
         }); 
  }
   });
 });

但是......你也应该更新到更新的mootools版本（现在它是1.4.1）;）

Answer 2

moo 1.1'border-color'的解决方案：['F9F9F9'，'cccccc']所有其他moo版本都可以使用border：'1px solid #cccccc'

FX.Styles中的Mootools 1.1 / 1.2边框或边框颜色无法更改/设置NaNpx错误

2 个答案: