angularjs - My own styles in angular material ui -

Content-UI and I want to customize it. Unfortunately, my own style is overwritten by the styles of structure. For example, when I declare styles for MD-Toolbar am

  md-toolbar {background: red; }  

This announcement has been overwritten by the content. I ! Key added instruction and help, but I do not want to use everywhere I need to customize how the material in the proper manner?

The best way that I know, without reducing recompilling, sass, etc:

< P> You must apply a custom theme:

  angular.module ('myApp'). Config ([ '$ mdThemingProvider', function ($ mdThemingProvider) {$ MdThemingProvider.theme ( 'myAwesome') Kpramiripelet ( 'blue'). Ssentblet ( 'blue'). Warnbelet ( 'red'); $ mdThemingProvider.setDefaultTheme ( 'MyAwesome');}]);  

After the elements to achieve orbit: md-myAwesome-theme so that you can add style to your CSS (or less) file:

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