按钮裹在阵营类不采用风格

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]。