ボタンに大文字と小文字のラベルを使用する方法

Question

ボタンにラベルを混在させる方法はありますか？私はMDLデモコンポーネントのページで何かを見たことがない。

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

Answer 1

この理由は、クラス.mdl-buttonでtext-transform: uppercase;です。

一つの可能​​な解決策は、あなたのボタンに

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

の端を新しいクラスmy-mixed_caseを追加することであってもよい（テキスト変換リセットするために）それを定義：

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

}