カスタムCSSクラスを反応モーダルに渡すにはどうすればいいですか？

私のプロジェクトでは、反応ブートストラップのModalを使用しています。モーダル・コンポーネントでは、ボタンがあります：カスタムCSSクラスを反応モーダルに渡すにはどうすればいいですか？

で

<Modal ...> 
<Modal.Body> 
    <button type="button" className="btn printBtn" onClick= {this.validateUser}>Send</button> 
</Modal.Body> 
</Modal>

、「printBtnは」トップレベルの.cssファイルで定義されたカスタムCSSクラスです。しかし、それは動作しません。私は運がなければこの問題に数時間を費やしました。誰でも助けてくれますか？

おかげで、ジャック

2016-05-02 Jack

正確には機能しません。ボタンは表示されますが、クラスはありませんか？たぶんボタンが全く表示されないのでしょうか？何がうまくいかないか説明してください。 – Chris

Fiddle/Plunkrに関連するデモを提供することをお勧めします –

ボタンcssを表示できますか？ – Rison

あなたがButtonコンポーネントにカスタムクラス名を追加したいときは、btn-接頭辞を追加する必要があります。

キャプションcustom-stylesを読む。

出典

2016-05-09 04:04:58 kelongshi

ありがとうございます。しかし、btnを追加することはできません。この問題は、反応モードでのみ発生し、メインページでは発生しません。 – Jack

私は同じ問題を抱えていました。私はモーダルの中にボタンと段落をスタイルしようとしていましたが、私のクラスは要素には適用されていましたが、スタイルには適用されませんでした。

これは、divモーダルがルートリアディビジョンの外側に挿入されているためだと思います。 ヘッダーセクションのスタイルタグ内のindex.htmlにスタイルを移動してみてください。のために働いています。私は解決策が大好きではありませんが、うまくいくはずです。

2016-08-15 19:31:50 gabo

答えて