Кнопка в классе React не принимает стили

Question

Если я отобразить кнопку, как это в моем файле app.jsx

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

затем он принимает стили, которые я создал для моих кнопок в моем файле app.css, а именно, кнопки не являются ужасной кнопкой по умолчанию, которую дает вам браузер. Однако, если я оберну ту же кнопку ввода type= в классе React, как это

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