AngularMaterial主题或外观问题
创始人
2024-10-28 11:35:55
0
  1. 确认应用中是否正确导入了 Angular Material 主题文件。根据需要,在angular.json文件中添加主题样式文件或在index.html文件中添加其CDN链接。

    angular.json中添加以下内容:

    "styles": [
       "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
       "src/styles.css"
    ]
    

    index.html中添加以下链接:

    
    
    
    
  2. 确认是否正确设置材料风格到 Angular 组件。@Component装饰器应该包含encapsulation属性,并使用ViewEncapsulation.None

    @Component({
        selector: 'app-example',
        templateUrl: './example.component.html',
        styleUrls: ['./example.component.css'],
        encapsulation: ViewEncapsulation.None
    })
    
  3. 若要修改 Angular 材料风格,应在组件文件中覆盖默认样式表并添加自定义样式。在样式表中,使用 CSS 中的选择器和属性覆盖默认样式表。

    .mat-card {
       background-color: #333;
       color: #fff;
    }
    
  4. 如需更改特定组件的默认属性,请使用组件中的提供者和自定义类。 例如,将mat-button的默认矩形形状更改为圆形。

    @Component({
       selector: 'app-example',
       templateUrl: './example.component.html',
       styleUrls: ['./example.component.css'],
       providers: [{ provide: MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS, useValue: { appearance: 'outline' } }],
       viewProviders: [{ provide: MAT_ICON_REGISTRY, useClass: CustomIconRegistry }]
    

相关内容

热门资讯

玩家攻略推荐!微信多乐辅助,购... 玩家攻略推荐!微信多乐辅助,购买wepoker模拟器,解说技巧(有挂猫腻);玩家攻略推荐!微信多乐辅...
免费测试版!途游四川破解,ep... 您好:途游四川破解这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
指导大家!边锋老友杰克辅助,w... 指导大家!边锋老友杰克辅助,wepoker私人局俱乐部怎么进,必备教程(有挂秘笈);1、完成边锋老友...
2024教程!盛世辅助插件,w... 2024教程!盛世辅助插件,wepoker破解工具,曝光教程(有挂实锤);2024专业科技教程插件曝...
玩家攻略推荐!广东雀神麻雀辅助... 您好:广东雀神麻雀辅助神器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户...
玩家必看分享!阿拉斗牌辅助,x... 玩家必看分享!阿拉斗牌辅助,xpoker透视辅助,总结教程(有挂辅助)是一款可以让一直输的玩家,快速...
我来教教大家!闽游app破解,... 我来教教大家!闽游app破解,模拟器打开hhpoker,AI教程(有挂神器);人气非常高,ai更新快...
每日必备!广东雀神挂件脚本开挂... 每日必备!广东雀神挂件脚本开挂,pokemmo辅助脚本,普及教程(有挂方法);广东雀神挂件脚本开挂A...
一分钟揭秘!吉祥填大坑有什么诀... 一分钟揭秘!吉祥填大坑有什么诀窍,pokermaster辅助器,攻略教程(讲解有挂);1、超多福利:...
一分钟揭秘!微乐广西小程序,h... 一分钟揭秘!微乐广西小程序,hhpoker可以开挂吗,专业教程(有挂头条)是一款可以让一直输的玩家,...