更改material-ui按鈕的字體大小，並使按鈕縮放？

我似乎遇到了改變Material-UI（對於React）RaisedButton的字體大小的問題，並讓按鈕本身適當地縮放。更改material-ui按鈕的字體大小，並使按鈕縮放？

<RaisedButton 
label={<span className="buttonText">Log in Here</span>} 
/>

CSS：

.buttonText { 
    font-size: 63px; 
}

文字大小變化，但按鍵本身並沒有與它規模。有誰知道這個適當的解決方案？我想按鈕來縮放文字大小。

2016-07-05 Rolodecks

問題是Material-UI爲它們的組件內聯了所有樣式，所以如果你嘗試用CSS選擇器覆蓋它們，它通常不會正常工作。相反，嘗試直接在組件上使用style屬性覆蓋不需要的任何內聯樣式。這將是這個樣子：

<RaisedButton style={{ fontSize: '63px' }} label='Log in Here' />

如果它仍然看起來不正確，只是檢查該組件的所有生成的內嵌樣式，看看你想改變，那麼只需要添加什麼那到style對象也是如此。

2016-07-08 18:02:21 carl

使用字體大小的單位爲Percent (%)或em。例如font-size:12%

2016-07-05 18:14:38

我想這兩個和他們不似乎工作。我注意到按鈕會水平縮放，但不是垂直的 – Rolodecks

您能分享小提琴嗎？ –

tbh我不知道如何在JSFiddle中包含Material-UI。它實質上只是一個帶有跨度的凸起按鈕，我在外部css文件 – Rolodecks

使用labelSize道具覆蓋內嵌樣式的元素

<RaisedButton 
    label="Button" 
    labelStyle={{ fontSize: '63px'}} 
/>

2017-01-19 05:53:57 vibrationbaby

您是不是指labelSize或labelStyle？ – CJBrew

<RaisedButton 
    label="Label" 
    labelStyle={{ fontSize: 15 }} 
/>

2017-02-06 14:48:30 user3844078

它需要與lineHeight是被添加作爲一種風格道具甚至間距：

< RaisedButton style = {{lineHeight: '100px'}} 
    label = 'lineHeight in style'/>

這裏的所有不同的解決方案的小提琴：https://jsfiddle.net/botbotdotdot/kfph5cc2/

乾杯

2017-07-03 09:07:01 tgrrr

回答