Reactjs react引导模式重写类不工作

我正在尝试移除

react引导模式上的阴影。我的模式代码是

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

但模态仍有一个长方体阴影：


显然，我的风格并不重要，无论我多么希望它们：

你知道如何移除阴影吗？
你的css属性无效

应该是

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

您的css属性无效

应该是

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