Question

我正在开发一个使用角度材质设计的项目，我想在不使用内联css的情况下添加某些样式，但无法找到最佳方法。

请注意我尝试添加一个带有这些样式的类但默认情况下从.md-button类中选择样式并且没有选择我添加的Css类

CSS类

.button__style {
  text-transform :none;
  font-weight :bold;
 }

HTML

<md-button class='button__style'>Click me </md-button>

另外我知道我们可以操作下面的默认主题颜色，但想知道我是否错过了添加上面要求的两种样式的方法，即text-transform：none和font-weight：bold;

angular.module('myApp', ['ngMaterial'])
 .config(function($mdThemingProvider) {
  $mdThemingProvider.theme('default')
   .primaryPalette('pink')
   .accentPalette('orange');
});

Answer 1

您的HTML

<div class='button__style'>
<md-button >Click me </md-button>
</div>

在你的CSS中：

.button__style {
    button {
        text-transform: none;
        font-weight :bold;
//or any style you want to apply
        }
}

试试这个。

Code pen example for your problem

在没有内联css的角度材质设计中，将text-transform：none和font-weight：粗体样式添加到<md-buttons>

1 个答案: