Angular material 如何将mdButton文本设置为小写?

Angular material 如何将mdButton文本设置为小写?,angular-material,Angular Material,从中可以看到,mdButton将用大写字母设置文本。如果我想使用小写字母怎么办?使用css文本转换编写您自己的类,例如 .tolowercase { text-transform: lowercase; } .tocapitalize { text-transform: capitalize; } 并将其应用于输入/按钮 如果希望整个系统中的htis行为覆盖css中的.md button类 .md-button { text-transform: capit

从中可以看到,mdButton将用大写字母设置文本。如果我想使用小写字母怎么办?

使用css文本转换编写您自己的类,例如

.tolowercase {
    text-transform: lowercase;
}

.tocapitalize {
    text-transform: capitalize;
}
并将其应用于输入/按钮

如果希望整个系统中的htis行为覆盖css中的.md button类

 .md-button {    
    text-transform: capitalize !important;/*For Lower case use lowercase*/
}
在XML中:

android:textAllCaps="false"
以编程方式:

 mbutton.setAllCaps(false);

整洁。您还可以向按钮添加引导类
文本小写
,以覆盖默认值。要在按钮中使用大写(每个单词以大写字母开头),请确保用小写字母书写按钮名称,然后将引导类
文本大写
添加到按钮中。这样更容易。

从CSS中的
md按钮中删除文本转换:

md按钮{
文本转换:无
}

是的,但这将使所有文本都小写……如何将第一个字母保留为大写。例如,文本为“About”的按钮将变为“About”作为md按钮,而使用上述解决方案将变为“About”,这被标记为javascript/html问题。@poxopox ohhh很抱歉,我以为这是android问题