重庆熊猫 Loading

ExtJS自定义按钮颜色

直接使用CSS修饰。

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

ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html

先为按钮新增一个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;
}
最终效果

image

posted @ 2022-05-26 12:09  重庆熊猫  阅读(355)  评论(0编辑  收藏  举报