解决Material UI引入button按钮后英文字符被自动转化成全大写

目录

  • 前言
  • 一、解决方法
  • 总结


前言

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

环境:

angularjs 1.4.3

material ui 1.1.4

问题描述

在引入

界面显示:
在这里插入图片描述
目标效果:

在这里插入图片描述


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

一、解决方法

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

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

修改button的样式

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

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


总结

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

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

你可能感兴趣的:(Material,UI,CSS,Angular)