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; }
原文地址:https://www.jb51.cc/angularjs/141447.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。