ExtJS自定义按钮颜色

直接使用CSS修饰。

这种方式操作，效果明显。

先为按钮新增一个CSS类

{
    xtype: 'button',
    //将边框、背景样式去掉
    style: {
        border: 'none',
        background: 'none',
    },
    //增加一个类
    cls: 'register-button-color-fixed',
    text: '已有账号?点击立即登录',
    handler: 'redirectToLoginPage',
}

然后在对应的scss文件中写入样式

注意，这里需要加上span，打开浏览器的开发者工具查看DOM结构您就知道了，实际上文本是包含在span元素中的。

.register-button-color-fixed span {
  color:#404040;
}

最终效果

标签：none,span,自定义,color,button,按钮,fixed,ExtJS,CSS
来源： https://www.cnblogs.com/cqpanda/p/16300047.html