如何将BUTTON中的label，点击的时候显示为红色

184931481

如何将BUTTON中的label，点击的时候显示为红色

184931481

自己顶一下

liangyongfei

修改样式参考
http://docs.wex5.com/wex5-ui-question-list-2073

可以在鼠标提供的事件中写代码实现！bind-mousedown

184931481

liangyongfei 发表于 2017-11-21 15:17
修改样式参考
http://docs.wex5.com/wex5-ui-question-list-2073

实在鼠标点击事件后触发的，但是修改的是Button下Span的文字颜色，提供的SETCSS语法报错，怎么解决问题

liangyongfei

184931481 发表于 2017-11-21 15:38
实在鼠标点击事件后触发的，但是修改的是Button下Span的文字颜色，提供的SETCSS语法报错，怎么解决问题 ...

SETCSS　是组件的方法！你应该调用this.comp('button').setCss  
而不能获取span标签，去掉用 setCss    ，不是x5的组件没有这个方法的！

184931481

liangyongfei 发表于 2017-11-21 15:49
SETCSS　是组件的方法！你应该调用this.comp('button').setCss  
而不能获取span标签，去掉用 setCss     ...

那怎么修改SPAN标签的颜色，有对应语法呢

liangyongfei

184931481 发表于 2017-11-21 15:57
那怎么修改SPAN标签的颜色，有对应语法呢

修改button 的样式！ span也会生效的！~

或者直接修改dom元素的style样式

this.getElementByXid('spanXid').style.color= 'red';

184931481

liangyongfei 发表于 2017-11-21 16:22
修改button 的样式！ span也会生效的！~

或者直接修改dom元素的style样式

按钮加入这段语法，点击后字体颜色没变！！！！！
        Model.prototype.button2Click = function(event){
             $(this.getElementByXid("zzcx")).hide();
         $(this.getElementByXid("zzdk")).hide();
         $(this.getElementByXid("njcx")).hide();
         alert("系统功能建设中，敬请期待！！！！！");
         this.getElementByXid('yyzz').style.color= '#888';
        };

liangyongfei

184931481 发表于 2017-11-21 16:28
按钮加入这段语法，点击后字体颜色没变！！！！！
        Model.prototype.button2Click = function(event){
          ...

本地测试没问题！！

184931481

liangyongfei 发表于 2017-11-21 16:32
本地测试没问题！！

谢谢版主！！！测试已通过，主要问题出在 this.getElementByXid('yyzz').style.color= '#888';  红色字体上，应该输入SPAN标签的XID！！