按鈕裹在陣營類不採用風格

Question

如果我在app.jsx文件呈現這樣的按鈕

<button className="myflatbutton">Click For Fun</button>

則採用的是我在爲我的按鈕創建的我的風格app.css文件，即按鈕不是瀏覽器給你的醜陋默認按鈕。但是，如果我換同一輸入類型=按鈕，在一個陣營類這樣

var MyReactButton = React.createClass({ 
    render: function(){ 
     return(
     <input type="button" onClick={this.props.onButtonClicked} value={this.props.Title} /> 
    ) 
    } 
}); 

它忽略app.css

button, .button, input[type=submit]{ 
    color: #fff; 
    border-radius: 0px; 
    border: none; 
    //many more omitted for brevity 
} 

全球按鈕樣式有沒有辦法讓包裹按鈕在React類中使用這些樣式，而不必在每次應用反應類時將它們寫出。

Answer 1

那麼，是不是錯誤的CSS？小提琴肯定會在這裏幫助。

您的反應組件是input type="button"而您的css是input[type=submit]。