Material-UI（React）RaisedButtonのフォントサイズを変更し、ボタン自体を適切に拡大縮小することに問題があるようです。Material-uiボタンのフォントサイズが変更され、ボタンのスケールがありますか？
<RaisedButton
label={<span className="buttonText">Log in Here</span>}
/>
CSS：
.buttonText {
font-size: 63px;
}
テキストサイズを変更しても、ボタン自体は、それに合わせて拡張しません。誰もがこれに適切な解決策を知っていますか？私は、テキストサイズで拡大縮小してボタンにしたい。
問題はマテリアルUIがコンポーネントのすべてのスタイルをインライン化するため、CSSセレクタでそれらをオーバーライドしようとすると、通常正しく動作しません。代わりに、コンポーネントに直接styleプロパティを使用したくないインラインスタイルをオーバーライドしてみてください。
<RaisedButton style={{ fontSize: '63px' }} label='Log in Here' />
そして、それはまだ、かなり右を見ていないだけで、そのコンポーネントに生成されたすべてのインラインスタイルを検査し、変更したいものを見、そしてちょうど追加した場合：それはこのようになりますそれはオブジェクトのstyleにも同様です。
フォントサイズ単位をPercent (%)またはemとしてください。例えば、font-size:12%
要素にインラインスタイルを上書きするlabelSize小道具を使っ
http://www.material-ui.com/#/components/raised-button
<RaisedButton
label="Button"
labelStyle={{ fontSize: '63px'}}
/>
labelSizeまたはlabelStyleを意味しましたか？ – CJBrew
<RaisedButton
label="Label"
labelStyle={{ fontSize: 15 }}
/>
私はこれらの両方を試してみましたが、彼らが働くように見えるいけません。私は、ボタンが水平に拡大するが、垂直にはならないことに気づいた – Rolodecks
あなたはフィドルを共有できますか？ –
tbh私はJSFiddleにマテリアルUIを含める方法を知らない。それは本質的にちょうど私が外部のCSSファイルでスタイリングしたタイトルにスパンを付けた盛り上がったボタンです – Rolodecks