如何在按钮上使用混合大小写标签

Question

有没有办法让按钮上的标签混合使用？我在MDL演示组件页面上从未见过任何其他情况。

window.operateEvents['click .edit'] = (function() {
//some edit stuff
});

window.operateEvents['click .remove'] = (function() {
//remove some stuff
});

Answer 1

原因是text-transform: uppercase;中的.mdl-button。

一种可能的解决方案可能是在按钮

中添加新课程my-mixed_case

<button class="mdl-button mdl-js-button mdl-button--raised my-mixed_case">
   Mixed Case Here
</button>

并定义它（重置文本转换）：

.my-mixed_case.mdl-button {
   text-transform: none;
}