Question

如果我在app.jsx文件中渲染这样的按钮

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

然后它采用我在app.css文件中为我的按钮创建的样式，即按钮不是浏览器给你的丑陋的默认按钮。但是，如果我在像这样的React类中包装相同的input type =按钮

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类中包含一个按钮来使用这些样式，而不是在每次应用react类时都将它们写出来。

Answer 1

好吧，这不是css错吗？一个小提琴肯定会有帮助。

您的反应组件为input type="button"，而您的css为input[type=submit]。

包含在React类中的按钮并不采用样式

1 个答案: