angularjs – 我自己的角度材料样式ui

发布时间：2020-12-17 08:21:03 所属栏目：安全来源：网络整理

导读：material-ui我想自定义它.不幸的是,我自己的风格被框架样式覆盖了.例如,当我为md-toolbar声明样式时 md-toolbar { background: red;} 该声明被材料覆盖.我添加了！重要指令,它有所帮助,但我不想在任何地方使用它.我该如何以适当的方式定制材料？我知道的最

material-ui我想自定义它.不幸的是,我自己的风格被框架样式覆盖了.例如,当我为md-toolbar声明样式时

md-toolbar {
    background: red;
}

该声明被材料覆盖.我添加了！重要指令,它有所帮助,但我不想在任何地方使用它.我该如何以适当的方式定制材料？

我知道的最好的方法,没有重新编译,sass等：

您应该应用自定义主题：

angular.module('myApp').config(['$mdThemingProvider',function($mdThemingProvider) {
    $mdThemingProvider.theme('myAwesome')
        .primaryPalette('blue')
        .accentPalette('cyan')
        .warnPalette('red');
    $mdThemingProvider.setDefaultTheme('myAwesome');
}]);

之后元素获得class：md-myAwesome-theme,这样你就可以在你的css(或更少)文件中添加样式：

md-select.md-myAwesome-theme {
    margin: 0;
    padding: 0;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!