---

前言

提示：这里可以添加本文要记录的大概内容：

环境：

angularjs 1.4.3

material ui 1.1.4

问题描述

在引入<button>按钮的时候，带入了material 的按钮样式，导致了问题：按钮的文字应该是小写的，但是界面上显示的确是大写的。

 <button class="md-raised md-warn md-xs md-button" ng-repeat="label in app.labels">
		{{label}}
 </button>

界面显示：

目标效果：

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、解决方法

class=“md-raised md-warn md-xs md-button”

原来带入了material 的按钮样式，根据 Material Design 规范，按钮文本应该是大写的。我们想要达到目标效果可以：

修改button的样式

button {
	text-transform: none !important; //定义带有小写字母和大写字母的标准的文本。
}

想要了解更多》》》》text-transform

---

总结

提示：这里对文章进行总结：

当然也还有其他的解决方法，只是我这边感觉这样要简单一点，至于代码为什么这样写，不直接<md-button>，我也不改，，，是因为我懒，而且老代码的UI组件（已经过时的）没有必要研究，用户想要达到的效果，能快速完成就行。