如何左對齊按鈕中的標籤

Question

如何獲取用戶界面按鈕左對齊標籤？沒有道具可以直接更改按鈕元素上的內聯樣式，唯一可以做到這一點的方法是添加一個類並編寫一些類似thisClass> div>按鈕的粗略CSS選擇器。

http://www.material-ui.com/#/components/raised-button

Answer 1

可以使用的元素有關的labelStyle財產給標籤absolute定位。 這工作：

<RaisedButton 
    label="Primary" 
    primary={true} 
    lableStyle={{position: 'absolute',top: 0,left: -10}} /> 

編輯：更新我有更好的方法來做到這一點

使用文本上的按鈕排列答案：

<RaisedButton 
    style={{textAlign: 'left'}} 
    label="Primary" 
    primary={true}/> 

在標籤上使用浮動：

<RaisedButton 
    lableStyle={{float: 'left'}} 
    label="Primary" 
    primary={true}/>