反応起動ストラップモーダルオーバーライドクラスが機能しない

Question

私はreact-bootstrapモーダルでシャドウを削除しようとしています。いくら

はどうやら私のスタイルは、重要ではありません。私のモーダルコードは、私のCSSは

div.trade-detail-dialog div.modal-content { 
    box-shadow: 0 !important; 
    -webkit-box-shadow: 0 !important; 
} 


@media (min-width: 768px) { 
    div.trade-detail-dialog div.modal-content { 
    box-shadow: 0 !important; 
    -webkit-box-shadow: 0 !important; 
    } 

} 

である。しかし、モーダルはまだボックスシャドウを持っていない

<Modal show={this.props.modalDetails} 
    onHide={this.props.close} 
    animation={false} 
    dialogClassName='trade-detail-dialog' 
    > 
    <Modal.Header closeButton> 
     <Modal.Title>Modal heading</Modal.Title> 
    </Modal.Header> 
    <Modal.Body> 
     <h4>Text in a modal</h4> 
     <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> 

     <hr /> 
    </Modal.Body> 
    <Modal.Footer> 
     <Button onClick={this.props.close}>Close</Button> 
    </Modal.Footer> 
    </Modal> 

です私はそれらが欲しい：

どのように私は影を削除することができますか？

Answer 1

あなたのCSSプロパティは無効です。

それはする必要があります

box-shadow: none; 
-webkit-box-shadow: none;