Material-ui,我想定制它。不幸的是,我自己的样式被框架样式覆盖了。例如,当我声明 md-toolbar 的样式时
md-toolbar {
background: red;
}
该声明被材料覆盖。我添加了!important
指令它有帮助,但我不想在任何地方使用它。我应该如何以适当的方式定制材料?
我知道的最好方法,无需重新编译 less、sass 等:
您应该应用自定义主题:
angular.module('myApp').config(['$mdThemingProvider', function($mdThemingProvider) {
$mdThemingProvider.theme('myAwesome')
.primaryPalette('blue')
.accentPalette('cyan')
.warnPalette('red');
$mdThemingProvider.setDefaultTheme('myAwesome');
}]);
之后元素获得类:md-myAwesome-theme
所以你可以在你的CSS(或更少)文件中添加样式:
md-select.md-myAwesome-theme {
margin: 0;
padding: 0;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)