問題タブ [angular-material]

私は AngularJS とマテリアル デザインを使用していますが、Google の公式 Web サイトでボタン タグに使用されているスタイルを正確に再現できないことが気になっています。 Material Design ボタンのデモ

このようなボタンを使用すると：

私はこのようなものを得る：

そして、私は次のようなものを期待していました:

これは、彼らのWebサイトで提供されているソースコードに従って私が書いたのと同じコードです

ラベルの代わりにタグを使用してみ<b></b>ましたが、結果は同様で、一部の文字がうまく収まりません... このフォントの問題を解決するために欠けているものはありますか?

編集:私のコードの例。

$mdThemingProviderカスタム パレットを使用して、サイトのすべてのボタンを普遍的に構成したいと考えています。ボタンの背景色は、構成A200とA700パレットで操作できます。デフォルトのテキストの色も変更したいと思います。contrastDefaultColor、contrastLightColors、および でジグザグしましcontrastDarkColorsたが、私ができる最善のことは、黒または白のテキストを取得することです。

次のスニピットは、暗いテキストの白いボタンを生成します。

"light" に変更contrastDefaultColorすると、テキストが白くなります。

生成されたスタイルシートのルールをオーバーライドすることで、必要な効果を手動で実現できます。

...しかし、ライブラリで提供されているツールを使用しようとしています。

私は角度のある素材を使用しており、アプリケーションのレイアウトを設計したいと考えています。

私の質問は、md-content をスクロール可能にする方法です。下部の div はスティッキー フッターにする必要があります。注意、chrome では動作しますが、firefox では動作しません。クロムにはフレックスボックスに問題があるため、私はFirefoxを信頼しています。

plunker を作成しましたが、スレッドにリンクを挿入できません。常にエラー メッセージが表示されます。

簡単に使用できるように、角度のある素材の上にフレームワークを開発しています。md-ink-rippleリップルが設定されたときに実際の塗りつぶしの色になるように、ディレクティブの塗りつぶしバージョンがあるかどうかを知りたいです。

タグを使用しようとしていますが、ここ<md-select>と同じ結果が得られません。

私はこのコードを書いています：

しかし、私が得た結果は次のとおりです。

他のマテリアル デザイン要素は正常に機能していますが、<md-select>機能していないように見えるタグのみです。私はすでにここでドキュメントを読み込もうとしましたが、それは非常に単純なので、なぜ機能しないのかわかりません。

デフォルト<select>と<option>タグを使用すると機能しますが、マテリアル デザインのものを使用したいです。

タグを使用して<md-input>いますが、高さが高すぎます。小さくする方法はありますか？

今私が持っているのはこれです：

したがって、最初の行はそのサイズです<md-input>。34px x 121pxなので、高さを減らしたいです。max-height を使用してみましたが、得られたのはスクロールバーだけでした:

高さを変更することは可能ですか、それとも要素に継承されますか? 縮小は許容されますが、私はそれを行う方法を見つけていません。

英語で説明するのは難しいですが、次の例を見てください。

https://material.angularjs.org/#/getting-startedの開始例を使用しました。ここでテストできます: http://codepen.io/jros/pen/azPjzW

本文に 3 つの md-card が表示されます。この md-cards にはテキストが含まれていますが、縦方向のサイズを変更すると md-card のサイズが変更され、テキストが md-card の外側になりました。

どうすればこれを解決できますか?