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;
- }
